Как сделать что-бы была раскрыта та чать аккордеона которая относиться к активной странице?

Question

[Mracula]

Как сделать что-бы была раскрыта та чать аккордеона которая относиться к активной странице?

<div class="title-menu"><i class="fa fa-bars"></i>{{ heading_title }}</div>
		  <ul class="nav navbar-nav">
			{% for item in items %} 
				<li><a href="{{ item.href }}" class="menu-module__a" rel="nofollow">{{ item.name }} 
					{% if item.children %}<span class="show-sc" data-toggle="collapse"><i class="fa fa-plus plus"></i></span>{% endif %} 
					</a>
					{% if item.children is not empty %} 
						<div class="submenu-list collapse">
							<ul class="list-unstyled">
								{% for child in item.children %} 
									<li>
										<a href="{{ child.href }}" rel="nofollow">{{ child.name }} 
											{% if (child.children is not empty) %}<span class="show-sc" data-toggle="collapse"><i class="fa fa-plus plus"></i></span>{% endif %} 
										</a>
										{% if child.children is not empty %} 
											<div class="collapse mob-submenu-list-3lev">
												<ul class="list-unstyled">
													{% for subchild in child.children %} 
													{% if item.type == 'freelink' %} 
														<li><a href="{{ subchild.link }}"> - {{ subchild.title }}</a></li>
													{% else %} 
														<li><a href="{{ subchild.href }}"> - {{ subchild.name }}</a></li>
													{% endif %} 
													{% endfor %} 
												</ul>
											</div>
										{% endif %} 
									</li>
								{% endfor %} 
							</ul>
						</div>
					{% endif %} 
					
				</li>
			{% endfor %} 
		  </ul>

Comments

[Сергей Сергей]

это же меню?

[Mracula]

Сергей Сергей, это меню но с возможностью добавлять свои значения.
В меню категорий это реализовано через id категории

<div class="menu-module__children collapse {{ category.category_id == category_id ? 'in' }}">

А как это реализовать когда произвольные пункты меню?

[Сергей Сергей]

Через сравнение ссылок с адресом страницы, элемент с подходящей ссылкой или его контейнер наделяется требуемыми свойствами, классом или стилем.

[Mracula]

Сергей Сергей, Сделал так

<script>
$(document).ready(function(){
var url=document.location.href;
 $.each($(".submenu-list a"),function(){
  if(url.indexOf(this.href)> -1){
    $('.submenu-list').addClass('in');
   };
 });
});
</script>

Но так класс in присваивается всем элементам с классом submenu-list в аккордеоне, а нужно только лишь к одному, в котором есть эта ссылка. В итоге весь аккордеон раскрыт.

[Mracula]

В общем решил так, через .closest()

<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>