dropdown javascript menus

Question

I am trying to create a dropdown javascript menu with jquery. I am using hide() and show(). I made it so that when you click on a menu item it shows but I cannot figure out how to make it so that when you click on anything other than the menu it will hide. I have seen it done on multiple sites before. How do you do it?

BGerrissen · Accepted Answer · 2010-09-08 22:00:33Z

2

The gist of it:

// variable menu is your jquery menu ref.
var outsideMenu= function(){
    menu.hide();
    // clean up listener
    $(document).unbind('click', outsideMenu);
}

$(menu).mouseout(function(){
    // cursor is off the menu so attach listener
    $(document).click(outsideMenu);
}).mouseover(function(){
    // back to menu, so remove listener
    $(document).unbind('click', outsideMenu);
});

I assume you can take it from there ;)

answered Sep 8, 2010 at 22:00

BGerrissen

21.7k4 gold badges41 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-05-23 12:11:47Z

1

This may be what you're looking for.

edited May 23, 2017 at 12:11

CommunityBot

11 silver badge

answered Sep 8, 2010 at 21:56

Zafer

2,17517 silver badges30 bronze badges

Collectives™ on Stack Overflow

dropdown javascript menus

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related