Есть аккордеон, при загрузке страницы он уже раскрыт на активной вкладке, посредством сравнивания ссылки в аккордеоне и ссылке страницы. Стрелочки раскрытия сделаны с помощью :before в css. При клике на стрелочку классу присваивается класс open. Но при но при переходе на страницу с раскрытом аккордеоном клика еще не было и соответственно класс open еще не присвоен, и стрелочка не активна.
Как присвоить класс open стрелочке при раскрытом аккордеоне?
<ul class="nav navbar-nav">
<li><a href="ссылка " class="menu-module" rel="nofollow"> имя
<span class="show-sc" data-toggle="collapse"></span></a>
<div class="submenu-list collapse">
<ul class="list-unstyled">
<li class="show-li">
<a href="ссылка" class="show-a" rel="nofollow">
<span class="show-sc" data-toggle="collapse"></span></a>
</li>
</ul>
</div>
</li>
</ul>
<script>
$(function() {
$('.menu-module span').on('click', function(e){
e.preventDefault();
$(this).toggleClass('open');
$(this).parent().next().collapse('toggle');
});
});
</script>
<script>
$(document).ready(function(){
var url=document.location.href;
$.each($('.submenu-list a'),function(){
if(url.indexOf(this.href)> -1){
$(this).closest('.submenu-list').addClass('in');
};
});
});
</script>
Пробовал присвоить класс open через hasClass(), т.е если submenu-list имеет класс in, то addClass open для show-sc, не получается.
