preventing menu item from re-firing once inside
<p>upon entering my menu item my hidden div rolls down nicely then recoils if you leave. the problem is if you are already mousing around the container then RE-enter the menu item up top it unfortunately re-fires and slides the hidden container down again like this: </p>

<p><a href="http://jsfiddle.net/NAyWQ/17/" rel="nofollow">http://jsfiddle.net/NAyWQ/17/</a></p>

<p>so what I'm trying to do is test to see if the item is already visible, if it is simply keep showing the container. </p>

<p>close as I can get to that is this:</p>

<p><a href="http://jsfiddle.net/NAyWQ/18/" rel="nofollow">http://jsfiddle.net/NAyWQ/18/</a></p>

<p>any help is greatly appreciated. </p>
