[PROBLEME] Menu JS

Nairolf D
Javascript

bonjour, j'ai un souci avec mon code aidé moi svp
Je voudrais faire plusieur menu deroulant sans édité mon script à chauque foi de façon à gérer prochainement mes menu/ sous-menu via php.
je vous remercie d'avance.

Mon code: ```
<script>

        $(document).ready(function() {
            var idmenu = $("ul li").attr("id");
            var classmenu = $("ul li ul").attr("class");
            $('.' + classmenu).hide();
            $('#showmenu').toggle(
                function() {
                    alert(idmenu);
                    $('.' + classmenu).slideDown("fast");
                },
                function() {
                    $('.' + classmenu).slideUp("fast");
                }
            );
        });
    </script>

3 réponses

Antoine Courtin
Réponse acceptée

Hello Florian,

$(document).ready(function() {
    $('nav .have_subnav ul').hide();
    $('nav .have_subnav').hover(
        function() {
            $(this).find('ul').slideDown("fast");
        },
        function() {
            $(this).find('ul').slideUp("fast");
        }
    );
});
<nav>
    <ul>
          <li><a href="#">Décoration</a></li>
          <li class="have_subnav"><a href="#">Mariage</a>
              <ul>
                  <li><a href="#">p1</a></li>
                  <li><a href="">p2</a></li>
              </ul>
          </li>
          <li class="have_subnav"><a href="#">Shooting</a>
              <ul>
                  <li><a href="#">Item 1</a></li>
                  <li><a href="">Item 2</a></li>
              </ul>
          </li>
    </ul>
</nav>
Nairolf D
Auteur 
<ul>
                    <li><a href="#">Décoration</a></li>
                    <li><a href="#">Mariage</a>
                        <ul class="mariage">
                            <li><a href="#">p1</a></li>
                            <li><a href="">p2</a></li>
                        </ul>
                    </li>
                    <li id="showmenu"><a href="#">Shooting</a>
                        <ul class="shooting">
                            <li><a href="#">Item 1</a></li>
                            <li><a href="">Item 2</a></li>
                        </ul>
                    </li>
                </ul>
Nairolf D
Auteur

Merci man tu gère ;)