Подскажите, пожалуйста, как сделать проверку имеется ли у li (то есть li>ul>li) класс active. И если имеется развернуть список (добавить к dropdown класс open, а к ul ('style', 'display:block;');
Как пример с низу, активна ссылка 1 из списка 2
$(document).ready(function(){
$('.dropdown').on('click', function() {
if ($(this).hasClass('open')) {
$(this).children('ul').attr('style', '');
$(this).removeClass('open');
} else {
$(this).children('ul').attr('style', 'display:block;');
$(this).addClass('open');
}
return false;
});
$('.dropdown a').on('click', function() {
window.location = $(this).attr('href');
});
$('li.dropdown > a').attr('style', 'width: 80%;');
$('.menu li').attr('style', 'background: #36404b;');
$('.dropdown li').attr('style', 'background: #36404b;');
});
<ul class="menu">
<li class="dropdown"><a href="/">Список 1</a><ul>
<li><a href="/">Ссылка 1</a></li>
<li><a href="/">Ссылка 2</a></li>
<li><a href="/">Ссылка 3</a></li>
<li class="last"><a href="/">Ссылка 4</a></li>
</ul></li>
<li class="last dropdown active"><a href="/">Список 2</a><ul>
<li class="active<!-- ссылка 1 из списка 2 активна, потому необходимо развернуть список 2--> "><a href="/">Ссылка 1</a></li>
<li><a href="/">Ссылка 2</a></li>
<li><a href="/">Ссылка 3</a></li>
<li class="last"><a href="/">Ссылка 4</a></li>
</ul></li>
</ul>