facebook主頁喜歡下拉div

登錄Facebook後，home標籤頁後面有一個向下的箭頭符號。點擊它會顯示一個div（？），它只出現在現有內容上，在另一個點擊它消失。facebook主頁喜歡下拉div

我怎樣才能做出這樣的事情？

編輯：

我跟着這個link從TheBlackBenzKid。有一點很清楚，點擊按鈕後，只需切換2個div。

但是AFAIK切換髮生在鼠標點擊上。所以'click'事件應該在jquery代碼中。

1）但我沒有找到它。哪裏是？

2）有一些css可以使菜單出現在一個地方，而不會使存在的內容錯位（從演示中看不到，但它確實發生）。什麼是CSS代碼？

來源

2011-12-29 Istiaque Ahmed

有這麼多的方式做這些事情：HTTP：/ /thefinishedbox.com/files/freebies/dropdown-gui/index.html這是一個很好的例子，它具有簡單幹淨的CSS外觀。 – TheBlackBenzKid 2011-12-29 11:27:52

我有一個編輯，請注意， – 2011-12-30 10:59:37

@TheBlackBenzKid，我想接受你的評論作爲我的問題的答案。我能做什麼？ – 2012-01-10 12:54:16

有這麼多的方式做這些事情：thefinishedbox.com/files/freebies/dropdown-gui/index.html這是一個很好的一個已經自帶了簡單幹淨的CSS的外觀和感覺

來源

2012-01-10 16:45:06 TheBlackBenzKid

這是我將如何做到這一點，但它是一個非常基本的解決方案。

div id="arrowid">▼</div> 
<div id="dropdownbox" style="display:none;">Dropdownbox</div> 

<script type="text/javascript"> 
$(document).ready(function() { 
$('#arrowid').click(){ 
$('#dropdownbox').toggle(); 
}); 
}); 
</script>

這個不支持外部點擊，它只顯示和隱藏點擊箭頭時。希望能幫助到你！

來源

2011-12-29 12:05:28 Havihavi

一件重要的事情：當保管箱出現時，它不能消耗串行標籤的空間（找到朋友，家裏等）。否則佈局會變得凌亂 – 2011-12-29 13:07:15

看看我的編輯請 – 2011-12-30 11:00:05

如果您使用jQuery，則可以使用.slideToggle()來實現此效果。

用它來滑動顯示或隱藏匹配的元素。

.slideToggle([duration] [, easing] [, callback])

持續時間：一個字符串或數字決定動畫將運行多久。

easing：一個字符串，指示用於轉換的緩動函數。

callback：動畫完成後調用的函數。

來源

2011-12-29 12:06:06

請注意我的編輯 – 2011-12-30 10:59:50

facebook主頁喜歡下拉div

回答

相關問題