Javascript jquery基于按钮显示/隐藏内容

我有一个产品页面，我想添加一个技术规格按钮的页面，这将打开和关闭显示隐藏是位于下面的产品描述。我需要用户被带到技术规格时，显示隐藏打开

我想我需要使用jquery，但是当显示/隐藏被隐藏时，即没有人按下按钮，页脚应该出现，所以不应该有任何空白

还有什么我可以参考的例子和链接吗

有人能帮我做一点吗

感谢使用jQuery非常简单：

（按钮单击时新滚动的示例）

单击按钮后，可以使用jQuery中的

animate

功能滚动到“技术规格”部分，如下所示。

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

jQuery非常简单：

（按钮单击时新滚动的示例）

单击按钮后，可以使用jQuery中的

animate

功能滚动到“技术规格”部分，如下所示。

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

---

首先，在文档准备就绪后，您必须将click事件添加到按钮：

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

---

jsiddle:

首先，在文档准备就绪后，您必须将click事件添加到按钮：

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

---

jsiddle:

你看到这里的链接了吗：你看到这里的链接了吗：谢谢，关于单击“查看规范”后如何向下滚动到技术规范有什么想法吗？谢谢，关于单击“查看规范”后如何向下滚动到技术规范有什么想法吗？