jquery - 崩壊のための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/