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