點擊按鈕或鏈接來打開跌落淹死像谷歌

Question

我試圖找到一個下拉像谷歌搜索設置下拉

下面是示例圖像：

是否有像任何演示這樣我可以在我的網站或方式來建立這個？我只需要基本功能主義者，點擊按鈕/鏈接打開下拉菜單。我可以給樣式。我在jquery中很糟糕，這是很難做到的。

如果有任何解決方案將是偉大的。

Answer 1

您可以通過使用.toggle()函數在齒輪點擊時顯示和隱藏它。

$(function(){ 
    $('#gear').click(function(){ 
     $('#dropdown').toggle(); 
    }); 
}); 

Simple demo (click the box)

Answer 2

您可以使用twitter bootstrap drop down menu。

Answer 3

try this. 

**html** 
<div id="drop">drop<div id="dropdown"><a>xxxxxxx</a><hr/><a>yyyyyyyy</a><hr/><a>zzzzzzz</a></div></div> 

**css** 

#drop { 
    margin: auto; 
    width: 40px; 
    height: 30px; 
    border: 2px solid ; 
    position: relative; 
    background-color:green; 
    border-radius:4px; 
    cursor:pointer; 
    } 

#dropdown { 
    position:absolute; 
    top: 30px; 
    right: -1px; 
    width: 150px; 
    height: 100px; 
    border: 1px solid; 
    display: none; 
    text-align:center; 
    border-radius:4px; 
    cursor:pointer; 
} 

**script** 

$(function(){ 
    $('#drop').click(function(){ 
     $('#dropdown').toggle(); 
    }); 
});