Question

I have a nav bar that when I over over an element the next list displays. But when my mouse leaves the original nav the list dissappears. I want the list to stay when it is overed upon. Can you please help?

http://jsfiddle.net/GxshD/

Answer 1

Because your event handler is attached to your li.drop element, you need to encapsulate your child menu in that element like so…

<li class="drop">
    <a href="#">Recruiter Tools</a>
    <div class="recToolbardrop" style="display:none;">
        <ul class="recToolbardrop">
            <li><a href="#">Featured Tools</a></li>
            <li><a href="#">All Tools</a></li>
        </ul>
    </div>
</li>