Question

$("#home-shop-first").hover(function(){
    $("#first-button-box").slideToggle();
});

This works to display a dropdown box, but now I need to be able to add links to the content in this box and have the user able to mouse over and click them.

Can I just make changes to what I have or do I need to completely rethink this?

BTW – This is one of six, although neither of the ID’d divs are currently part of a list element. I’m happy to change that if it helps.

Answer 1

If you close the #home-shop-first element after the dropdown, when you move the mouse over the dropdown items, the mouse will remain hovering the element in the element will remain open…

Nothing to do with jQuery, just open the element identified as #home-shop-first before the #first-button-box and close it after the #first-button-box. Like so:

Example: http://jsfiddle.net/gygPh/