Приветствую всех. Есть html примерно такой структуры:
<div class="title"></div>
<div class="block">
<div class="item"></div>
<div class="item"></div>
</div>
<div class="title"></div>
<div class="block">
<div class="item" style="display: none"></div>
<div class="item" style="display: none"></div>
<div class="item" style="display: none"></div>
<div class="item"></div>
</div>
<div class="title"></div>
<div class="block">
<div class="item" style="display: none"></div>
<div class="item" style="display: none"></div>
</div>
Подскажите, как сделать блоки класса "title" тоже display: none , если все item внутри .block display: none (как бы пустые) , а если хоть один видимый, то не трогать ?
Пробовал функцией .each() обходить .block , а внутри еще .each() по .item ничего не выходит.