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

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

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