Having an Issue with a jQuery dropdown menu
<p>i've been researching this for about 3 hours now with no gravy so I finally caved and decided to ask here. I have a jsFiddle i hope someone can look at and help me. </p>

<p>Essentially what is happening is that I am trying to create a simple dropdown menu and it's working great except for one small issue. </p>

<p>When the submenu comes down, you have to actually mouse over the submenu in order for it to fadeout. You are just on the main link that activates the submenu, and you leave the main link to the right, left, or top, the submenu stays there static. </p>

<p>I tried to write my own little script (which I commented out on the jsFiddle for you to see) with my basic knowledge of JS and it would work if I could get it to only trigger when leaving the link from the top, left and right sides. When you leave the main link and try to access the submenu, the submenu disappears before your mouse even gets to it. </p>

<p>I understand why this is happening (I'm telling it to disappear when it leaves the class .dropdown which is the class applied to main link.) but I don't know how to fix it. I'm pretty new to JS.</p>

<p>Anyways, sorry if I am confusing you, here is the JS fiddle to get a better grasp. </p>

<p>See if you can see the problem with my code commented out. It will not leave the submenu if you leave the "Products" link to the left, right and top. </p>

<p>Then you can uncomment my code and see why that isn't working.</p>

<p><a href="http://jsfiddle.net/4wzmf/8/" rel="nofollow">http://jsfiddle.net/4wzmf/8/</a></p>
