Comment puis-je exclure ces éléments de jQuery sélection?

Mon jQuery:

$("ul.dropdown ul").slideDown("slow");
$("ul.dropdown ul ul").children().hide();

Qui provoque celles qui correspondent à la deuxième sélecteur d'affichage pour un bref moment. Comment puis-je exclure le deuxième jeu de la première série, et de ne montrer de la première série?

Mon code HTML:

    <ul class="dropdown">
<li style="margin: 0px">
<span id="header">
<img src="back.gif" alt='background' style="border:none;" />                        
<span style="position: absolute; top: 5px; left: 2px;">
<img src="button.gif" style="border:none;" />
</span>                 
<span style=" position: absolute; top: -5px; left: 70px;">
<p style="background-color: white; width: 200px; height: 20px; font-size: 1.2em; border: 2px solid blue">Menu</p>
</span>
</span>
<ul class="sub_menu">
<li><a href="#">Artificial Turf</a></li>
<li><a href="#">blah</a></li>
<li id="1">
<a id="1.1" href="#">Batting Cages</a>
<ul id="2">
<li><a href="#">Indoor</a></li>
<li><a href="#">Outdoor</a></li>
</ul>
</li>
<li><a href="#">Benches &amp; Bleachers</a></li>
<li><a href="#">Communication Devices</a></li>
<li><a href="#">Dugouts</a></li>
<li><a href="#">Fencing &amp; Windscreen</a></li>
<li><a href="#">Floor Protectors</a></li>
<li><a href="#">Foul Poles</a></li>
<li><a href="#">Netting</a></li>
<li><a href="#">Outdoor Furniture &amp; Storage</a></li>
<li><a href="#">Outdoor Signs</a></li>
<li><a href="#">Padding</a></li>
<li><a href="#">Scoreboards</a></li>
<li><a href="#">Shade Structures</a></li>
<li><a href="#"> - VIEW ALL - </a></li>
</ul>
</li>
</ul>
pouvez-vous poster le code HTML que vous faites allusion s'il vous plaît.

OriginalL'auteur Malfist | 2009-06-16

  1. 5

    Ce sera sans doute:

    $("ul.dropdown > li > ul").slideDown("slow");

    ">" signifie seulement que les enfants (http://docs.jquery.com/Selectors/child#parentchild). Donc, tant que votre hiérarchie, c'est comme cela (ce qui, d'après l'édition tout à l'heure, il semble qu'il n'):

    <ul>
<li>
<ul>
..

    il sera plus susceptible de travailler. Espérons variantes pertinentes sont évidentes...

    Vous pouvez également tirer parti de votre .sub_menu classe pour ce faire, par exemple $("ul.déroulant ul.sub_menu").slideDown("slow");
    Ouais mais ce des pauses lorsque quelqu'un se tripote le balisage, prise de l'intérieur de l'ul d'une baisse de la fratrie... par exemple si il est enveloppé dans une div (qui est une chose parfaitement normale pour un ingénieur à le faire sans attendre le js à la pause).

    OriginalL'auteur jwl

  2. 32

    C'est exactement ce que le " pas " de la méthode est pour:

    $('ul.dropdown ul').not('ul.dropdown ul ul').slideDown('slow');
    voir aussi: api.jquery.com/not-selector

    OriginalL'auteur ozan

  3. 1

    Cela pourrait fonctionner.

    $("ul.dropdown ul:not(ul > ul)").slideDown("slow");
$("ul.dropdown ul ul").children().hide();

    OriginalL'auteur albertein