jQuery淡入/淡出切换方法

Question

我在if/else语句中使用切换链接淡入和淡出时遇到问题。我可以让<div>淡入，但是，我似乎无法让它淡出。我对if和else声明有点新。

You can see a live demo here.

这里是有问题的脚本：

<script type="text/javascript"> 


    function toggleFader() { 
    if ($("#fade_content").is(":hidden")) { 
     $("#contentThatFades").animate(
      { 
       opacity: "0"  
      }, 
      600, 
      function(){ 
       $("#fade_content").fadeOut(); 
      } 
     ); 
    } 
    else { 
     $("#fade_content").fadeIn(600, function(){ 
      $("#contentThatFades").animate(
       { 
        opacity: "1" 
       }, 
       600 
      ); 
     }); 
    } 
} 


</script> 

Answer 1

的jQuery已经有这样的功能。见http://api.jquery.com/fadeToggle/

，那么你可以简单地这样做：

$("#fade_content").fadeToggle(600); 

Answer 2

你为什么不使用fadeToggle()？

function toggleFader() { 
    $("#fade_content").fadeToggle(600); 
}