Javascript Div不是'；t单击另一个div时隐藏和显示

我写了一页，如图所示……

我使用jQuery隐藏一个div，并在单击另一个div时显示隐藏的div。但它不起作用。我怎样才能让它工作？
以下是我的jQuery代码：

<script>

    $(document).ready(
        function() {
            $('#offerOne').attr('style', 'background-color: #F96433 !important');
            $("#offerDetailsOne").hide();
            $('#offerTwo').on("click", function() {
                $('#offerDetailsOne').toggle();
            });

        });
    </script>

$（文件）。准备好了吗(
函数（）{
$（'offerOne'）.attr（'style'，'background color:'F96433！important'）；
$（“#offerDetailsOne”）.hide（）；
$（'#offerTwo'）。在（“单击”，函数（）{
$（“#offerDetailsOne”）.toggle（）；
});
});

查看代码后，jquery代码似乎运行良好，使div显示/隐藏如您所愿

但这是看不到的，因为这发生在浏览器的底部，而且浏览器的垂直滚动条并没有显示出来。您无法滚动，因此无法将其视为有效。（正如我在firefox上检查的那样，通过删除一些DOM元素将隐藏的div带到浏览器的可见视口区域）

编辑 您可以通过添加

overflow:auto到css中的
正文
。当您可以看到滚动条，然后还有目标div


因此，您需要从css中删除以下注释代码才能查看此功能：

html, body {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    /*overflow-y: hidden;*/
}


$（文档）。准备好了吗(
函数（）{
$（'offerOne'）.attr（'style'，'background color:'F96433！important'）；
$（“#offerTwo”）.hide（）；
$（'offerToggle'）。在（“单击”，函数（）上）{
$（'#offerOne'）。toggle（）；
$（'#offerTwo'）。toggle（）；
});
});

我有一个
我有两份工作
我是toggle
 
@down有什么评论吗？或者你不知道解决方案？你有重复的ID。如果您纠正了这些，它还会出错吗？您已经包括jQuery两次了。删除其中一个。@Peter:包括jQuery两次？你能告诉我在哪里吗？@AjayKulkarni this
和this