无法在jquery中显示/隐藏

请看我的小提琴 当您滚动到页面底部时，将显示一个div，而顶部面板将隐藏。但当我按下底部的x按钮时，它不会关闭

当我点击clode按钮时，父div应该隐藏，而顶部div应该再次显示

这是我的小提琴

---

您的id不匹配，它是

x_按钮

不是

x按钮

$('#x_button').click(function () {
    $('.bottom-teaser').hide();
    $('.top-icons').show();
    return false;
});

演示：

另外，您不想隐藏

底部摘要

的父元素，因为父元素是

主体

元素，您只需要隐藏

底部摘要

元素

$(function () {
    $('#x_button').click(function () {
        $('.bottom-teaser').animate({
            "opacity": "0"
        }, "slow");
        $('.top-icons').show();
        return false;
    });
})

---

第12行的打字错误：当前为：

$('#x-button').click(function () {

应该是：

$('#x_button').click(function () {

工作：

---

我认为您的“id”命名错误。看看这个：嗨，阿伦，我在这里试过，你们可以在我的网站上看到，但不知怎么的，它在小提琴上工作，而不是在这里，我做错了什么？我的js的路径，以及当我再次滚动时，顶部图标被隐藏you@San在您的页面中，id是

x按钮

不是

x按钮

你好，阿伦，再次抱歉..我确实更改了id，但它仍然没有发生我犯了什么愚蠢的错误committing@San单击处理程序不在dom就绪处理程序中<代码>$（函数（）{…}）您是明星。。。非常感谢。。。但现在我陷入了另一个两难境地…on.scrollTop（）当你转到顶部并再次向下滚动时，即使是我的顶部图标也会被隐藏

$('#x_button').click(function () {