Jquery SI peut-être?

Question

J'utilise le code suivant pour trouver une table particulière, cacher montrer ensuite sur un clic:

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

Voici la sortie 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> 

Une navigation accordéon de base piraté ensemble d'une table , cependant certains des .havheader n'ont pas .navitem donc je ne veux pas que ceux-ci soient cliquables.

Comment puis-je y parvenir?

Answer 1

Modifier ce sélecteur:

$('.Nav table.navheader') 

à ceci:

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

Answer 2

Si vous voulez juste accordéon, peut-être il est préférable d'utiliser à la place jQuery UI ...