jqueryのは...

Question

こんにちはすべて私は（チュートリアルに従う）私のサイドバーにタブメニューを作ってきたが、私は今、データベースからいくつかの結果をエコーするのCodeIgniterを使用している

私のコンテンツを非表示にしますが、タブメニューが私を隠しますコンテンツが、私はこれは私がソース

<div style="border-bottom:1px solid #e0e0e0; width:200px; height:100px;" class="sidebarForumWrapper"> 

    headline text here 

    <div style="border:1px solid #e0e0e0; padding:5px;" class="sidebarForumImg"> 
     <img width="20" height="20" src=""> 
    </div> 

    <!-- sidebarForumImg --> 

    text text text 
</div> 

<!-- sidebarForumWrapper --> 

とタブ機能

<script style="text/javascript">  
    $(function() { 
     // setting the tabs in the sidebar hide and show, setting the current tab 
      $('div.tabbed div').hide(); 
      $('div.t1').show(); 
      $('div.tabbed ul.tabs li.t1 a').addClass('tab-current'); 

     // SIDEBAR TABS 
     $('div.tabbed ul li a').click(function(){ 
      var thisClass = this.className.slice(0,2); 
      $('div.tabbed div').hide(); 
      $('div.' + thisClass).show(); 
      $('div.tabbed ul.tabs li a').removeClass('tab-current'); 
      $(this).addClass('tab-current'); 
      }); 
     }); 
    </script> 

に見ることができるものであるソース

でそれを見ることができます

したい場合は、あなたが私のサイトはあなたの問題は、この行であるコード行を削除し、再び

Answer 1

を試してみてくださいここhttp://www.rapcom.dk

Answer 2

$('div.tabbed div').hide(); 

を生きる見ることができます：

$('div.tabbed div').hide(); 

これでしょうdisplay: none ALL divの下にtabbedの代わりに、

$('div.tabbed > div').hide(); 

しかし、私はあなたのタブのアプローチを再考することをお勧めします<a>タグが対応するDIVコンテンツ容器のidを指し示すところで、または少なくとも同じアプローチを使用してjQuery UI Tabsを使用することをお勧めします。