崩潰的JQuery代碼？

Question

我不是jquery和javascript的專家。我想知道是否你知道一些代碼的內容底部的圖形按鈕展開/摺疊？

我有一個示例鏈接：http://www.longhollow.com - 當您點擊頂部的「時間&位置」時，您會看到內容從頂部展開。我真的希望有類似的代碼。如果你能把代碼分享給我，我會非常友好。

謝謝！

Answer 1

您可以使用.toggle()它顯示或隱藏匹配的元素。

小提琴例：http://jsfiddle.net/JDHpn/

編號：http://api.jquery.com/toggle/

Answer 2

使用.toggle()沒有.animate()。切換使您可以關閉它。

可以說，當你點擊它時你有一個div.button，你希望div.field在點擊時展開（切換）。

$(document).ready(function() { 
    $('div.button').click(function(){ 
     $('div.field').toggle(); 
    }); 
}); 

檢查jQuery的API：http://api.jquery.com/toggle/