En jQuery, ¿cómo puedo saber si el objeto actual está oculto o no?

Question

antes de que llame:

$('myObject').show(); 

Quiero saber si está oculto o visible actualmente.

Answer 1

Esto se comprueba con la función css():

if ($('myObject').css('display') == 'none') { 
    $('myObject').show(); 
} 

EDIT:

no estaba al tanto de la nueva onda en el selector: oculta es. Mi sugerencia aún es útil para probar otros atributos, pero la sugerencia de Alex es más agradable en este caso.

Answer 2

Hay 2 maneras de hacerlo, que yo sepa:

if ($('#something').is(':hidden')) { } 

o

if ($('#something').is(':visible')) { } 

ambos deberían trabajo.

También puede hacer algo como esto:

$('#something:hidden').show(); 
$('#something:visible').hide(); 

que sólo se llame .show() si el producto está oculto o sólo llamar .hide() si el objeto ya es visible.

Answer 3

También es posible usar la palanca $(this).toggle();

Answer 4

De jQuery FAQ:

var isVisible = $('myObject').is(':visible'); 
var isHidden = $('myObject').is(':hidden');