$(document).ready(function() {
$("#content div").hide();
$("#tabs li:first").attr("id","current");
$("#content div:first").fadeIn();
$('#tabs a').click(function(e) {
e.preventDefault();
$("#content div").hide();
$("#tabs li").attr("id","");
$(this).parent().attr("id","current");
$('#' + $(this).attr('tab')).fadeIn();
});
})();
И вот теперь вывод самого контента:
<ul id="tabs">
<li><a href="#" title="tab1">С этим товаром купили</a></li>
<li><a href="#" title="tab2">Отзывы</a></li>
</ul>
<div id="content">
<div id="tab1" >Тут текст который появляется по умолчанию, либо при клике на первую вкладку</div>
<div id="tab2" >
А тут второй текст который появится при клике на вторую вкладку.
Но вот если его заключить в div, то он не отображается.
</div>
Например:
<div id="content">
<div id="tab1">
<div class='txt'>Вот этот текст, который заключен в див не отобразится</div>
</div>
</div>
Причем в коде chrome заметно, что jquery скрипт присваивает всем div`ам находящихся в #content свойство display:none; Прошу помочь разбирающихся, заранее благодарю за отзывчивость.