jquery, làm thế nào để biết div là ẩn?

Question

Tôi có mã sử dụng jquery.slideup và jquery.slidedown

Làm cách nào để biết rằng div bị ẩn?

Answer 1

Để xem nếu một yếu tố có thể nhìn thấy hay không, bạn có thể sử dụng visible selector với is chức năng:

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

Nhưng âm thanh để tôi thích bạn muốn chuyển đổi hiệu ứng trượt, để bạn có thể sử dụng chức năng slideToggle.

Answer 2

Bạn có thể sử dụng bộ chọn có thể nhìn thấy:

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

Answer 3

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

Nhưng bạn có thể muốn sử dụng slideToggle cho nhu cầu của mình.

Answer 4

Bạn có thể sử dụng $ ("# elementID"). Height() == 0 vì bạn biết nó sẽ lên hoặc xuống. Nó có thể nhanh hơn so với làm .is (": nhìn thấy") là tốt, nhưng tôi đã không thực hiện bất kỳ thử nghiệm trên thực tế đó.

Answer 5

HTML Mã sản phẩm:

khi bạn click vào div id "sụp đổ" nếu div id "flex-container" là có thể nhìn thấy sau đó ẩn của nó và nếu trốn sau đó nhìn thấy được.

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

jQuery Mã sản phẩm:

$(document).ready(function() { 

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

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

    }); 
});