Если у какого либо списка все Li display:none Как вернуть родителя?

Question

[chelkaz]

Имеются выпадающие списки (несколько штук на странице) такого плана

<div class="btn-group">
  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Action</button>
  <ul class="dropdown-menu">
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
  </ul>
</div>

И если в каком либо UL все LI получают display:none, то как вернуть родителя, (btn-group) Что бы ему поставить display:none?
Пробую как то так, но понимаю что не правильно...

if($('ul').children(':visible').length == 0) {
		console.log('no');
                roditel = this.closest("div")
	} else {
		console.log('yes');
                roditel = this.closest("div")
	}

Answer 1

[Максим]

Вроде такого можно

$('ul').each(function(){
    if (!$(this).find('li:visible').size()) {
        roditel = $(this).closest('.btn-group');
    }
})

Comments

[chelkaz]

Я почти так же и делаю, и ваш попробовал, но он не не срабатывает, может это из за того, что эти списки находятся в модальном окне?

[Максим]

chelkaz: Да, немного ошибся(Исправил в ответе). Вот тут точный пример
https://jsbin.com/lubaparece/edit?html,js,output

[Максим]

chelkaz: Вместо цвета фона можно также скрыть элемент или сделать с ним что-то еще

[chelkaz]

В моем случаи не работает второй список. Первый отрабатывает, например до открытия модалки консоль говорит что в первом и втором скрыты LI это верно, после подъема модалки и клике на первый элемент где есть список, тоже верно говорит, что первый имеет, а вот у второго появляется список, но толку нет...

[chelkaz]

Могу скинуть ссылку в лику на то место где я делаю.

[chelkaz]

В итоге сделал через hasClass, то есть если в списке есть хоть один активный то родителя видно, иначе нет. Странно что так работает верно, а как мы пробовали нет.

[Максим]

chelkaz: странно, но да ладно, главное работает как надо