無法顯示/隱藏在jquery

Question

請看我的小提琴 當你滾動到頁面底部div出現和頂部面板隱藏。但是當我在底部的X按鈕它不關閉。

什麼，我想，當我點擊clode按鈕父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() { 

工作： http://jsfiddle.net/vimes1984/VHuFQ/3/