Menu tweak

[Black Mamba]

Currently, if I got a menu open and click the submenu it closes the menu. How do I prevent that? I want it to do nothing.

http://codepen.io/anon/pen/vEWdRR

[Senff]

First of all, you’ve used invalid markup. Within an OL or a UL, the direct descendants have to be LI’s. A DIV can only be used if it’s within an LI.

To fix your issue, add this to your code:

$('.submenu').on('click', function(e){
  e.stopPropagation();
});

This makes sure that clicking on a SUBmenu does not “bubble up” and triggers the click on the (parent) menu.

[Black Mamba]

It worked. Thank you.

Well, it’s working like I want it to.
What could be the issues caused by using DIVs?
Should I change that? How?

[shaneisme]

If you want proper markup without breaking anything, this is how you could do it:

http://codepen.io/drainpip/pen/dPJPMx

[Black Mamba]

@shaneisme
Thank you very much. In the meantime a few things have changed but instead of “polluting” this thread I think I should probably open a new one.

[Author]

Posts