jquery show and hide work but toggle doesn't

Asked Nov 12 '19 at 20:56

Active Nov 12 '19 at 21:19

Viewed 178 times

I have a question about jQuery. When I am using hide/show then it's working but when i try use toggle() instead then it's doesn't work. What's the problem?

Thanks in advance. This is my code:

/* Dropdown menu - Start */
jQuery(document).ready(function() { 
    $('.enmenu').on('click', function(){
        $('.ensettings').toggle();
        return false;
    });

    $('html, body').on('click',function(){
        $('.ensettings').hide();
    });

    $(".ensettings").click(function(e){
        e.stopPropagation();
    });
});
/* Dropdown menu - End */

edited Nov 12 '19 at 21:05

asked Nov 12 '19 at 20:56

abc def

1

running your code and .toggle() works just fine. – Carsten Løvbo Andersen Nov 12 '19 at 21:00
Did you post the wrong code? The current doesn't use `.toggle()` – Rojo Nov 12 '19 at 21:03
Yes i edited the code. Check it. – abc def Nov 12 '19 at 21:05
1

Problem is likely that the event bubbles to body and gets hidden by event handler there. Stop the propagation on the `$('.enmenu').on('click'` and see if it works then – charlietfl Nov 12 '19 at 21:07
1

I don't know exactly what is your definition of "doesn't work", because it seems to work pretty well: https://jsfiddle.net/pqn1a34L/ – Calvin Nunes Nov 12 '19 at 21:09

jquery show and hide work but toggle doesn't

0 Answers0