jQuery sous-menu afficher si le parent a été cliqué

Peut-on s'il vous plaît aider avec le code.

Je veux afficher le sous-menu uniquement lorsque le sous-menu parent est cliqué.

HTML

<ul>
<li><a href="#">Item</a></li>
<li><a href="#">Item</a>
    <ul class="sub-menu">
        <li><a href="#">Submenu</a></li>
        <li><a href="#">Submenu</a></li>
    </ul>
</li>
<li><a href="#">Item</a></li>
<li><a href="#">Item</a>
    <ul class="sub-menu">
        <li><a href="#">Submenu</a></li>
        <li><a href="#">Submenu</a></li>
    </ul>
</li>
<li><a href="#">Item</a></li>
</ul>

Donc, si vous cliquez sur le parent sous-menu s'affichera.

Ici est le violon lien - http://jsfiddle.net/KhNCV/1/

InformationsquelleAutor iKaspars | 2011-11-22
  1. 10
    $('.sub-menu').hide();

$("li:has(ul)").click(function(){

$("ul",this).slideDown();
});

    http://jsfiddle.net/3nigma/KhNCV/2/

    OU

    $('.sub-menu').hide();

$("li:has(ul)").click(function(){

$("ul",this).toggle('slow');
});

    http://jsfiddle.net/3nigma/KhNCV/4/

    • bon, mais comment cacher le dernier clic sous-menu. Maintenant, Il est displying à la fois
    InformationsquelleAutor Rafay
  2. 2
    $('.sub-menu').hide();

$("a").click(function(){

    $(this).parent().children("ul").toggle();

})

    consultez ce lien
    http://jsfiddle.net/KhNCV/6/

    InformationsquelleAutor erimerturk
  3. 1

    Voici votre exemple de travail. On ne sait pas pourquoi vous avez besoin de la a balises, comme vous pouvez utiliser le curseur: pointeur dans le fichier CSS pour rendre le li apparaissent cliquable. Je vais supposer que vous voulez faire de supers planant sur eux dans IE que du CSS? Si pas, vous pouvez simplifier en les supprimant.

    Au lieu de faire hide() sur .sous-menu, vous devez utiliser les CSS (analysé avec DOM au lieu de onReady/charge).

    .sub-menu { display: none; }

    Et puis ici, c'est vous code pour basculer les menus:

    $('ul li a').click(function() {
    $(this).parent().find('ul.sub-menu').toggle();
    return false;
});
    • mais comment cacher sous menu, parce que maintenant les deux sont de l'affichage
    InformationsquelleAutor Kato
  4. 1
    $('li a').click(
function() {
    $(this).next().slideToggle();
})
    InformationsquelleAutor Paul Kearney - pk
  5. 0

    Essayer cette

    $(function(){

   //Hide all the sub menus
   $('.sub-menu').hide();

   $("li:has(ul)").click(function(){
      //Find the child ul and slideToggle
      $(this).children("ul").slideToggle();
   });
});
    InformationsquelleAutor ShankarSangoli