[PROBLEME] Menu JS

Par Nairolf D, il y a 11 ans

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

Nairolf D, il y a 11 ans
<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>
Antoine Courtin, il y a 11 ans

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, il y a 11 ans

Merci man tu gère ;)