Last post Aug 04, 2015 04:07 PM by claudio7810
Aug 04, 2015 10:14 AM|Claudio7810|LINK
I have a problem with a submenu that I have created using both Jquery and CSS.
I have created the following fiddle in order to show you what's wrong with this: https://jsfiddle.net/kurt111078/c5xhLrho/8/
1st step: After the page is loaded, the submenu behaves correctly: when passing the mouse over the menu with submenu, the submenu is shown. Once you move the mouse out, the submenu disappears. Untill
here everything looks like correct.
2nd step: When I resize the page to see how this behaves in smaller screens, also in this case everything works fine.
The problem arises with I resize again the screen to a larger one.
I was expecting the menu to behave like in step 1 but even if the sceen is larger, the submenu is now shown only if I click on the menu with submenu, which is an incorrect behavior because with larger screens the the submenu needs to be shown when I pass
the mouse over the parent menu.
Could you please help me understand what's wrong with my code?
Thanks a lot
Aug 04, 2015 04:07 PM|Claudio7810|LINK
solution is found at https://jsfiddle.net/c5xhLrho/9/