Jquery IFおそらく？

Question

私はクリックでそれを表示し、それを隠して、特定のテーブルを見つけるために、次のコードを使用します。ここでは

$(function() { 
    $('.Nav table .navitem').hide(); 
    $('.Nav table.navheader').click(function() { 
    $(this).parent().parent().next().find(".navitem").slideToggle('100'); 
    }); 
}); 

は、HTML出力である：

<div class="Nav"> 

<table cellpadding="0" cellspacing="0" border="0"> 
    <tr> 
    <td> 
     <table class="navheader" cellpadding="0" cellspacing="0" border="0" width="100%"> 
     <tr> 
     <td style="width:100%;"><a navheader" href="#">Header</a></td> 
     </tr> 
     </table> 
    </td> 
    </tr> 
    <tr> 
    <td> 
     <table border="0" cellpadding="0" cellspacing="0" width="100%" class="navSubMenu"> 
     <tr> 
     <td> 
     <table class="ms-navitem" cellpadding="0" cellspacing="0" border="0" width="100%"> 
      <tr> 
      <td style="width:100%;"><a class=" ms-navitem" href="#" style="border-style:none;font-size:1em;">Item</a></td> 
      </tr> 
     </table> 
     </td> 
     </tr> 
     </table> 

テーブルから一緒にハッキングの基本的なアコーディオンナビゲーションしかし、.havheaderには.navitemがないので、これらをクリック可能にしたくありません。

私はこれをどのように最高に達成できますか？

Answer 1

変更このセレクタ：これに

$('.Nav table.navheader') 

：

$('.Nav table.navheader:has(.navitem)') 

Answer 2

あなただけのアコーディオンをしたい場合は、多分代わりにjQueryのUIを使用することをお勧めします...