下拉javascript菜单

Question

我正在尝试使用jquery创建一个下拉式javascript菜单。我正在使用hide（）和show（）。我这样做是为了当你点击它显示的菜单项时，我无法弄清楚如何制作它，这样当你点击菜单以外的任何东西时它都会隐藏。我以前在多个网站上看过它。你是怎么做到的？

Answer 1

它的要点：

// 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);
});

我假设你可以从那里拿走它;）

Answer 2

This可能就是你要找的东西。