How do I cancel a JQuery animation on a div, when another div lays over it
I try to make some kind of menu on the side of my website where a small part of the menu is showing and when you hover on it, it slides out so you can click on it. The rest of the menu is beneath the main website div and the problem is that when you hover over the div that is beneath the main website, you still activate the animation which should not happen.
You have to change the structure of your sidediv. Basically, you're gonna have to have an element for mouse over, lets call it .arrowside and one for your content on we're making your sidediv as the parent.
and finally your JQuery, i did a self = this so the parent element is not lost.
Here's how it works; so we want for each, let's say, menu item, to have 3 elements, one is the tip of the menu and the other is the content and obviously we have the parent div.
basically, mouse enters the little bit of the menu thats out, the menu then will move out and now for the menu to go back in we need to move the mouse out of the parent div.