jQuery插件，允许像谷歌翻译这样的下拉菜单

Question

我非常喜欢谷歌翻译的下拉菜单，它允许选择语言（从 -> 到）。 它为您提供所有可用语言（选项）的快速概览，并以不同颜色指示您选择的历史。 http://translate.google.com/

我想知道是否有希望，任何人都知道一个 jQuery 插件来转换下拉菜单中的简单选择，看起来像谷歌翻译选择。 谢谢，

安东尼奥

Answer 1

您实际上并不需要插件，只需要一些 CSS 定位并使用 JS 在点击时显示/隐藏部分。

HTML：

<div id="my_button">Click me!</div>

<div id="mega_menu">
    <ul>
        <li>...</li>
    </ul>
</div>

CSS：

#mega_menu { display:none; left:50px; position:absolute; top:50px; }
/* Position as necessary */

JavaScript：

$('#my_button').bind('click', function( e ) {

    e.preventDefault();

    var menu = $('#mega_menu');

    if ( menu.is(':visible') )
    {
        menu.fadeOut();
    }
    else
    {
        menu.fadeIn();
    }
});