JQuery Проверьте, отображается ли Div

Это то, чего я в конечном итоге пытаюсь достичь:

//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');
        }
    });

В основном я хочу переключать между liveShowDiv1, отображаемым и скрытым, когда вы нажимаете эту кнопку. Но так как другие вещи на странице могут сделать liveShowDiv1 скрытым, я не могу просто сделать функцию переключения для этого. Мне нужно как-то проверить, отображается ли liveShowDiv1 или нет.

Когда он не отображается: display = none

Когда отображается показ не в теге стиля

Как я могу указать в JQuery, когда отображается этот div?

Ответ 1

if ( $(this).is(':visible') ) должен работать для этого относительно простого show/hide.

Ответ 2

Когда-нибудь нужно проверить, что div является блоком или ничем. Мы можем сделать это очень легко. Это простой код. здесь id = "test" → для целей тестирования, если вы используете class = "test", тогда необходимо обновить код Для проверки блокировки или видимости используйте это для вашего выбора test is id

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

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

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

если ваш селектор class, затем

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

или

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

то же самое другое

Для проверки отсутствия или скрытия используйте этот код, если ваш selector равен id

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

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

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

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

если ваш селектор является классом, используйте этот

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

или

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

надеюсь, что это поможет вам

Ответ 3

Вы можете попробовать следующее:

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

Пример

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

Ответ 4

Вы можете использовать $(element).is(":visible") для проверки видимости элемента