jqueryボタンに基づくコンテンツの表示/非表示

Question

私は製品ページを持っており、製品スペックの下に表示されるshow hideを開いて閉じるスペックボタンをページに追加したいと思います。私はショーの隠れが開くと、ユーザーは技術仕様に落ちる必要があります。

jqueryを使用する必要があると思われますが、表示/非表示が非表示になっていると、誰もボタンを押していないので、フッターは表示されません。

どのような例も私が参照できるリンクですか？

誰かが私に少しjsfiddleを作ることができますか？

おかげでjQueryをslideToggleと本当に簡単

Answer 1

：

http://jsfiddle.net/r7Qf7/12/（ボタンのクリックで新しいスクロール付きの例）。

jQueryのanimate関数を使用してボタンをクリックすると、技術仕様のセクションにスクロールすることができます。

$('html,body').animate({ 
    scrollTop: $("#techspecs").offset().top 
}, 'slow'); 

Answer 2

まず、ドキュメントの準備ができた後、ボタンにクリックイベントを追加するために持っている：

$(document).ready(function(){ 
    $("#Button_ID").click(function(){ 
     $('#Tech_Spec').toggle(); 
    }); 
}); 

jsfiddle：http://jsfiddle.net/YEtBy/