remove - JQuery Verifique si se muestra Div

remove attribute jquery

Question

Esta pregunta ya tiene una respuesta aquí:

• ¿Cómo puedo verificar si un elemento está oculto en jQuery? 52 respuestas

Esto es lo que finalmente estoy tratando de lograr:

//When the user clicks the liveshow button this happens
    $(".liveshow-button").live(''click'', function() {
        if ($(".liveshowDiv2").css(''display'') == ''none'') {
            $(".liveshowDiv2").fadeOut(ifadeOutSpeed, function() {
                $(''#wrapper-div'').animate({ height: $(''.liveshowDiv1'').height() + "px" }, iresizeSpeed, function() {
                    $(''.liveshowDiv1'').fadeIn(ifadeInSpeed, function() {
                    });
                });
            });
        }
        else {
            alert(''This never gets displayed'');
            $(".liveshowDiv1").slideUp(''fast'');
        }
    });

Básicamente quiero alternar entre liveShowDiv1 que se muestra y oculta cuando haces clic en este botón. Pero como otras cosas en la página pueden hacer que liveShowDiv1 esté oculto, no puedo hacer una función de alternar para hacer esto. Tengo que verificar de alguna manera para ver si LiveShowDiv1 se muestra o no.

Cuando no se muestra: display = none

Cuando se muestra la pantalla no está en la etiqueta de estilo en absoluto

¿Cómo puedo saber en JQuery cuándo se muestra este div?

Answer 1

En algún momento debe verificar que div sea bloque o no. Podemos hacer esto muy fácilmente. Este es un código simple aquí id = "test" -> para fines de prueba si usa class = "test" luego necesita actualizar el código Para marcar Block o visible, entonces use esto para que su test selección sea id

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

2. if ($(''#test'').css(''display'') == ''block''){}

3. if ($(''#test'').not('':hidden'')){}

si su selector es class entonces

1. if ($(''.test'').is('':visible'')) {}

o

1. if ($(your_element).is('':visible'')) {}

el mismo otro

Para marcar none u ocultar, use este código si su selector es id

1. if ($(''#test'').not('':visible'')){}

2. if (!$(''#test'').is('':visible'')){}

3. if ($(''#test'').css(''display'') == ''none''){}

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

si su selector es clase, use esto

1. if ($(''.test'').not('':visible'')){}

o

1. if ($(your_element).not('':visible'')){}

Espero que te ayude

Answer 2

Puede usar $(element).is(":visible") para verificar si el elemento es visible

Answer 3

Puedes intentar esto:

$(your_element).is(":visible") 

Ejemplo;

if ($(''#element_id'').is(":visible") ) {
    // do something
}

Answer 4

if ( $(this).is('':visible'') ) debería funcionar para este show / hide relativamente simple.