jquery, cómo saber div está oculto?

Question

Tengo un código que usa jquery.slideup y jquery.slidedown

¿Cómo puedo saber que div está oculto?

Answer 1

Para ver si un elemento es visible o no, se puede utilizar el visible selector con la función is:

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

Pero suena a me gusta que quieras alternar el efecto de diapositiva, para eso puedes usar la función slideToggle.

Answer 2

Usted puede utilizar el selector visibles:

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

Answer 3

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

Pero es posible que desee utilizar slideToggle para sus necesidades.

Answer 4

Puede usar $ ("# elementID"). Height() == 0 ya que sabe que va a estar arriba o abajo. Puede ser más rápido que hacer el .is (": visible") también, pero no he hecho ninguna prueba sobre ese hecho.

Answer 5

código HTML:

cuando se hace clic en div id "colapso" si el la div id "flex-contenedor" es visible entonces su piel y si a continuación, ocultar visible.

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

JQUERY CÓDIGO:

$(document).ready(function() { 

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

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

    }); 
});