У меня есть site. В левом меню есть категория make с разбиением панели (бутстрап). Вопрос: Как это сделать при выборе категории, эта панель должна быть открыта. Панель закрыта, потому что страница обновлена. Это код панели:Bootstrap 3 Collapse - необходимо оставить эту панель
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" href="#collapse2">Электрика</a>
</h4>
</div>
<div id="collapse2" class="panel-collapse collapse">
<ul class="list-group">
<?php foreach ($categories2 as $categoryItem): ?>
<li class="list-group-item">
<a href="/category2/<?php echo $categoryItem['id'];?>" class="list2">
<p style="text-align: left; height: 5px;"><?php echo $categoryItem['name'];?></p>
</a>
</li>
<?php endforeach; ?>
</ul>
</div>
расслоение плотной код для активного класса и открытой панели:
var $dropdowns = $('.list-group-item');
var $collapse = $('.panel-collapse');
$dropdowns.click(function() {
if ($(this).hasClass('active')){
$(this).toggleClass('active');
$collapse.show();
}else {
$dropdowns.removeClass('active');
$(this).toggleClass('active');
}});
Что вы используете для загрузки своих страниц? это PHP? если это так, вам сначала нужно будет получить URL-адрес, чтобы узнать, на какой странице вы находитесь. То, как у вас есть это прямо сейчас, не будет работать, потому что когда ваша страница перезагружается, это действие щелчка становится устаревшим. Вам нужно сначала получить свой URL-адрес, а затем создать условное условие, которое сделает их активными, если URL-адрес соответствует вашему состоянию. – CodeGodie
вы также можете использовать PHP, чтобы проверить, соответствует ли ваш URL-адрес .. что-то вроде 'if $ url === 'page1' добавить активный класс, else keep inactive' – CodeGodie