JTabs: как заставить его работать?

Question

[Kejin]

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

$result = mysql_query("SELECT * FROM table_products WHERE products_id='$id' AND visible='1'",$link);
$row = mysql_fetch_array($result);

echo '

<ul class="tabs">
    <li><a class="active" href="#" >Описание</a></li>
    <li><a href="#" >Характеристики</a></li>
    <li><a href="#" >Отзывы</a></li>   
</ul>

<div class="tabs_content">

<div>'.$row["description"].'1</div>
<div>'.$row["features"].'</div>
<div>
<p id="link-send-review" ><a class="send-review" href="#send-review" >Написать отзыв</a></p>
';

<script type="text/javascript">
$(document).ready(function(){
 
    $("ul.tabs").jTabs({content: ".tabs_content", animate: true, effect:"fade"}); 
    $(".image-modal").fancybox(); 
    $(".send-review").fancybox();
	
});	
</script>

Comments

[Kejin]

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

Answer 1

[Negwereth]

У вас tab_contents не закрыт

Comments

[Kejin]

Не понял?

[Froggyweb]

href="#" должна быть якорем к блоку с таким же ид. Вообще дело в хтмл разметке, она не соответствует требования плагина.