Использование php для отображения содержимого на вкладках jquery

У меня есть страница с несколькими вкладками jquery, каждая из которых я хочу отобразить результат функции php, следующим образом:

<ul id="tabs" class="ccm-dialog-tabs"> <li class="ccm-nav-active"><a href="javascript:void(0);" id="tabs-1">Tab 1 Title </a></li> <li><a href="javascript:void(0);" id="tabs-2">Tab 2 Title></a></li> </ul> <div id="tabs-1-tab"> <?php echo "This is tab 1<br>"; ?> </div> <div id="tabs-2-tab"> <?php echo "This is tab 2<br>"; ?> </div> 

Jquery, чтобы заставить вкладки работать:

 <script type="text/javascript" language="javascript"> var ccm_activeTransactionsTab = "tabs-1"; $("#transaction_tabs a").click(function() { $("li.ccm-nav-active").removeClass('ccm-nav-active'); $("#" + ccm_activeTransactionsTab + "-tab").hide(); ccm_activeTransactionsTab = $(this).attr('id'); $(this).parent().addClass("ccm-nav-active"); $("#" + ccm_activeTransactionsTab + "-tab").show(); }); </script> 

Проблема, с которой я столкнулась, заключается в том, что когда страница загружается, активная вкладка показывает результат обоих операторов php, т. Е. Показывает:

 echo "This is tab 1<br>; echo "This is tab 2<br>; 

Если я несколько раз нажимаю между вкладками, дополнительная информация исчезает. Эти вкладки работают нормально нормально, проблема возникает только тогда, когда они показывают вывод функции php.

Я бы предложил вам использовать скрыть, а затем начать с простого CSS

 <div id="tabs-1-tab" style='display:none'> <?php echo "This is tab 1<br>"; ?> </div> <div id="tabs-2-tab" style='display:none'> <?php echo "This is tab 2<br>";?> </div> 

Также вы пропустили закрывающие кавычки в выражении <?php echo "This is tab 1<br>; ?>

Вы пропустили qoute на echo "This is tab 1<br>; но echo "This is tab 1<br>";