Как сделать так чтобы сайдбар был открытым при клике?

211
17 августа 2017, 23:53

Как сделать так чтобы при клике на каждый брэнд он оставался открытым с выпадающим списком категорий внутри. К примеру кликнул, и остается открытым, чтобы дать пользователю понять что есть категорию как в скрине. Ссылка на проект http://vca.kz/

$('.click-pr').click(function(){
    $('.show-pr').slideToggle();
});
$('.click-pr2').click(function(){
    $('.show-pr2').slideToggle();
});
$('.click-pr3').click(function(){
    $('.show-pr3').slideToggle();
});
$('.click-pr4').click(function(){
    $('.show-pr4').slideToggle();
});
$('.click-pr5').click(function(){
    $('.show-pr5').slideToggle();
});
$('.click-pr6').click(function(){
    $('.show-pr6').slideToggle();
});

HTML:

<div class="goods-widget col-lg-3 col-md-3 col-sm-12 col-xs-12">
    <h3>Продукция</h3>
    <div class="click-pr">
        <a href="produkcziya/kartochka-tovara/ottogi">OTTOGI</a>
    </div>
    <div class="show-pr">
        <a class="category-pr" href="produkcziya/kartochka-tovara/ottogi/ramen">Рамен</a> <a class="category-pr" href="produkcziya/kartochka-tovara/ottogi/suxari">Сухари</a> <a class="category-pr" href="produkcziya/kartochka-tovara/ottogi/klyar">Кляр</a> <a class="category-pr" href="produkcziya/kartochka-tovara/ottogi/kunzhutnoe-maslo">Кунжутное масло</a>
    </div>
    <div class="click-pr2">
        <a href="produkcziya/kartochka-tovara/sajo-hapyo">Sajo Hapyo</a>
    </div>
    <div class="show-pr2"></div>
    <div class="click-pr3">
        <a href="produkcziya/kartochka-tovara/natura-bogata">Natura Bogata</a>
    </div>
    <div class="show-pr3"></div>
    <div class="click-pr4">
        <a href="produkcziya/kartochka-tovara/too-malu">ТОО Малу</a>
    </div>
    <div class="show-pr4"></div>
    <div class="click-pr5">
        <a href="produkcziya/kartochka-tovara/dongsuh">Dongsuh</a>
    </div>
    <div class="show-pr5">
        <a class="category-pr" href="produkcziya/kartochka-tovara/dongsuh/suxie-slivki">Сухие сливки</a> <a class="category-pr" href="produkcziya/kartochka-tovara/dongsuh/suxoe-moloko">Сухое молоко</a>
    </div>
    <div class="click-pr6">
        <a href="produkcziya/kartochka-tovara/ooo-maj">ООО Май</a>
    </div>
    <div class="show-pr6">
        <a class="category-pr" href="produkcziya/kartochka-tovara/ooo-maj/chaj">Чай</a>
    </div>
</div>
READ ALSO
Почему не подставляется значение в value?

Почему не подставляется значение в value?

В общем этот код работает лишь в Firefox 54, во всех остальных браузер не работаетВ чем может быть проблема?

292
Sleeping owl admin - AdminColumnFilter daterange

Sleeping owl admin - AdminColumnFilter daterange

Как правильно в Sleeping Owl admin в Datatables сделать фильтр по диапазону значений даты? Хотелось бы увидеть пример - я предполагаю, что у меня может быть...

573
Как запустить через командную строку php в Linux

Как запустить через командную строку php в Linux

Подскажите, пожалуйста, как запустить через командную строку php в LinuxЯ знаю, что в Windows необходимо зайти в папку в php зажать Shift, нажать правую...

468
Получить значение объекта

Получить значение объекта

Добрый день, с php работал очень мало, по этому вопрос может показаться глупымСделал дамп переменной $res, выдало следующий результат:

235