jquery根據按鈕顯示/隱藏內容

Question

我有一個產品頁面，我想在頁面中添加一個技術規格按鈕，該按鈕將打開並關閉位於產品說明下面的show hide。當show hide打開時，我需要用戶使用技術規格。

我想我需要使用jquery，但是當隱藏顯示/隱藏時，即沒有人按下按鈕頁腳應該出現，所以不應該有任何空格。

任何示例鏈接，我可以參考嗎？

有沒有人可以讓我有點jsfiddle？

感謝

Answer 1

與jQuery slideToggle真正簡單：

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/