Geek asks and answers

JQuery Toggle ... one click to open - double close

I created a mobile menu with a toggle switch.

When I click on the div dropdown, it opens. When I click again, it closes. But I want it to open with one click and close with a double click.

What do I need to add to my code?

$('.dropdown-menu').click(function() {
    $('.dropdown-menu').not(this).children('ul').slideUp("slow");
    $(this).children('ul').slideToggle("slow");}
);

$('.dropdown-menu').blur(function() {
    $('.dropdown-inside').hide('slow', function() {
    }); 
});
+3
source share
1 answer

Try using dblclick ,

$('.dropdown-menu').click(function() {
   $('.dropdown-menu').children('ul').slideUp("slow");// slideUp all drop-downs
   $(this).children('ul').slideDown("slow");// use slideDown instead slideToggle
});

$('.dropdown-menu').dblclick(function() {
   $(this).children('ul').slideUp("slow");
});

To prevent slidingafter a clicking oncetry,

$('.dropdown-menu').click(function() {
   if( !$(this).children('ul').is(':visible')) {// slide, if ul is not visible
       $('.dropdown-menu').children('ul').slideUp("slow");
       $(this).children('ul').slideDown("slow");
   }
});
+3
source

More articles:


All Articles