jquery, div를 아는 방법은 숨겨져 있습니까?

Question

jquery.slideup 및 jquery.slidedown을 사용하는 코드가 있습니다.

div가 숨겨져 있다는 것을 어떻게 알 수 있습니까? 당신이 is 기능으로 visible selector을 사용할 수 있습니다, 요소 표시인지 아닌지

http://docs.jquery.com/Selectors/visible

Answer 1

를 보려면 :

Answer 2

당신은 볼 수 선택기를 사용할 수 있습니다

$("#idElement").is(":visible") // true or false 

그러나 소리가 난다 당신이 slideToggle 기능을 사용할 수 있기 때문에 슬라이드 효과를 토글하고 싶습니다.

Answer 3

$('#id').is(':hidden'); //true if is hidden 
$('#id').is(':visible'); //true if is visible 

하지만 필요에 따라 slideToggle을 사용할 수 있습니다.

Answer 4

$ ("# elementID"). height() == 0은 위 또는 아래에 있음을 알기 때문에 사용할 수 있습니다. .is (": visible")을 수행하는 것보다 빠를 수도 있지만 그 사실에 대한 테스트는 수행하지 않았습니다.

Answer 5

HTML 코드 :

하여 DIV ID가 "플렉스 컨테이너가"다음의 숨기기 볼 수 있고 경우에 숨기기 다음 볼 경우 DIV ID가 "붕괴"를 클릭

.

  <div id="collapse" >collapse</div> 

jQuery 코드 :

$(document).ready(function() { 

    $("#collapse").on('click', function() { 

    if($('#flex-container').is(':visible')) 
    { $("#flex-container").hide(); } 
    else 
    { $("#flex-container").show(); } 

    }); 
});