jQuery fadeOut问题

Question

我正在制作一个网站，当用户点击一个btn时，该网站的内容区域会淡出。 btn是一个简单的锚标签。我已经从其他S.O用户那里获得了一些帮助，并且几乎可以正常工作。我的问题是它不会淡出。这里是jQuery代码：

$("#show-background").click(function() { 
if ($("#content-area").hasClass("bg_hidden")){ 
    $("#content-area") 
    .removeClass("bg_hidden") 
    .stop() 
    .fadeIn("slow"); 
    $(this).text("Show Background"); 
      } 
else{ 
    $("#content-area") 
    .addClass("bg_hidden") 
    .stop() 
    .fadeOut("slow"); 
    $(this).text("Show Text"); 
      } 
}); 

样品可以在这里找到我www.nicklansdell.com/sample/services.html不知道如果任何人能帮助吗？提前谢谢了。

Answer 1

为什么不只是使用切换？

$("#show-background").click(function() { 
    $("#content-area").animate({opacity: 'toggle'}, 'slow'); 
}); 

Answer 2

尝试从addClass分别淡出：

$("#content-area").fadeOut("slow"); 

顺便说一句，你可以检查if，而不是阶级生存的按钮的文字...

Answer 3

我做了一些尝试你与萤火虫页面，并不能拿出什么是打破fadeOut电话。

如果你需要一个解决方法，你可以这样做：

if ($("#content-area").hasClass("bg_hidden")){ 
    $("#content-area") 
    .removeClass("bg_hidden") 
    .stop() 
    .children().fadeIn("slow"); 
    $(this).text("Show Background"); 
}else{ 
    $("#content-area") 
    .addClass("bg_hidden") 
    .stop() 
    .children().fadeOut("slow"); 
    $(this).text("Show Text"); 
} 

淡入/淡出所有的孩子曾在页面上。

这是一个解决方法，而不是一个解决方案。