Question

请看我的小提琴当您滚动到页面底部时，会出现div并隐藏顶部面板。但当我在底部的x按钮时，它并没有关闭。

当我点击clo div按钮时，我想要它，父div应该隐藏，顶部div应该再次显示

这是我的小提琴 http://jsfiddle.net/cancerian73/VHuFQ/2/

$(window).scroll(function () {
    if ($(window).scrollTop() >= ($(document).height() - $(window).height())) {
        $('.bottom-teaser').animate({
            "right": 10,
            "opacity": "1"
        }, "slow");
        $('.top-icons').hide();
    }
});

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

Answer 1

您的ID不匹配，x_button而不是x-button

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

演示：Fiddle

此外，您不想隐藏bottom-teaser的父级，因为父级是body元素，您只需要隐藏bottom-teaser元素。

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

Answer 2

第12行错字：目前：

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

应该是：

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

WORKING： http://jsfiddle.net/vimes1984/VHuFQ/3/

无法在jquery中显示/隐藏

2 个答案: