выяснить, является ли CSS-слой блоком jquery

Question

Я пытаюсь найти способ выяснить, отображается ли слой или нет

if ($('.property > .evenprop').css('display','block')){
    $('.otherprop').show();
    }
    else {
    $('.otherprop').hide();
    }

Что-то вроде того, если это правда

<div class="property">

<div class="evenprop" style="display:block">blah</div>

</div>

Затем покажите этот слой

<div class="otherprop">blahblah</div>

$('.otherprop').show();

Иначе, если это правда

<div class="property">

<div class="evenprop" style="display:none">blah</div>

</div>

Затем спрячьте этот слой

<div class="otherprop">blahblah</div>

$('.otherprop').hide();

Не получается заставить это работать, хотя какие-либо идеи?

Спасибо

Джейми

Answer 1

Вы ищете псевдокласс :visible.

if ($('.property > .evenprop').is(':visible')){
    $('.otherprop').show();
} else {
    $('.otherprop').hide();
}

Выше можно уменьшить до

$('.otherprop').toggle($('.property > .evenprop').is(':visible'));

Answer 2

Это бы тоже сработало:

if ($('.property > .evenprop').css('display') == 'block'){ 
    //...
}

Answer 3

$('.property > .evenprop').css('display','block') установит CSS. Если вам нужно проверить, используйте : видимый селектор

Вы можете использовать что-то вроде этого:

if($('.property > .evenprop :visible').size!=0)