jQuery 페이드 인/아웃 토글 방법

Question

토글 링크를 사용하여 페이드 인 및 페이 아웃에 대한 if/else 문에 문제가 있습니다. 페이드 인하려면 <div>을 얻을 수 있지만, 페이드 아웃 할 수는 없습니다. 나는 약간 새로운 if과 else 진술이다.

<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를 이미 이것에 대한 기능을 가지고있다 : 여기

You can see a live demo here.

문제의 스크립트입니다. http://api.jquery.com/fadeToggle/

는 당신은 단순히이 작업을 수행 할 수 있습니다 참조 :

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

Answer 2

왜 fadeToggle()를 사용하지 않는?

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