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