javascript - Show headers only for collections that are not empty -
i have couple of lists this:
<ul> <li class="list-header">header</li> <li>item 1</li> <li>item 2</li> <li>item 3</li> </ul>
by rules hide , show <li>
items list has visible <li>
, has no visible <li>
elements @ except 1 list-header
class, <li class="list-header">
still there. want hide header if there no <li>
visible elements in under header. though want <ul>
still visible. how do that?
what could (demo):
$('ul').each(function() { $ul = $(this); $ul.find('.list-header').toggle($ul.has('li:not(.list-header):visible').length != 0); });
basically, above toggling .list-header
(i've wrapped in .each()
in order demo different lists) depending on whether list .has()
:visible
li
elements :not(.list-header)
.
update
works. sorry.
Comments
Post a Comment