Jade의 fadeOut에서 돌아옴

Question

다음 코드에서 div는 새로운 fadeOut 기능인 Jquery를 사용하여 페이드 아웃됩니다. 불행히도, 이것은 태그의 스타일을 "display : none"으로 변경합니다. 그리고 그것을 어떻게 바꿀 지 알아낼 수 없으므로 페이드 인 (fade in) 할 수 있습니다.

divs가 완전히 숨겨지기를 원하기 때문에 opacity 스타일이나 fadeTo를 사용하고 싶지 않습니다. 그것으로 떠올라.

/* Hide interface, fade logo */ 
$('.toggle-ui').on({ 
    'click': function (e) { 
     e.preventDefault(); 

     var divToHide = ['#slideshow-nav', '#nav', '#content']; 

     $.each(divToHide, function(intValue, currentElement) { 
      // check alpha state and switch 
      var currVis = $(currentElement).css('visibility'); 

      $(currentElement).css('visibility', currVis == 'visible' 
       ? $(currentElement).fadeOut('slow') 
       : $(currentElement).fadeIn('slow')); 
     }); 
    } 
}); 

Answer 1

"표시"스타일을 확인하고 조건부 작품을 사용하십시오.

다음과 같이

나는 동시에 대답

$('.toggle-ui').on({ 
    'click': function (e) { 
     e.preventDefault(); 

     var divToHide = ['#slideshow-nav', '#nav', '#content']; 

     $.each(divToHide, function(intValue, currentElement) { 
      // check alpha state and switch 
      var currDis = $(currentElement).css('display'); 

      $(currentElement).css('visibility', currDis == 'none' 
       ? $(currentElement).fadeIn('slow') 
       : $(currentElement).fadeOut('slow')); 
     }); 
    } 
});