Здравствуйте! Перечитал много тем насчет аккордеон меню и js cookie, но не получилось сделать меню под мой код и битрикс.
Задача: Сохранить позицию выбранного меню пользователя, когда он переходит по ссылке в меню.
Меню на сайте:
http://alibabamebel.ru/catalog/ Код меню:
Скрытый текст
Код <ul id="menu">
<ul>
<li class="has-sub"><a href="/catalog/dekor/">Декор</a>
<ul>
<li><a href="/catalog/dekor/zerkala/" >Зеркала</a></li>
<li><a href="/catalog/dekor/kartiny/" >Картины</a></li>
<li><a href="/catalog/dekor/konsoli/" >Консоли</a></li>
<li><a href="/catalog/dekor/tekstil/" >Текстиль</a></li>
<li><a href="/catalog/dekor/farfor/" >Фарфор</a></li>
<li><a href="/catalog/dekor/shirmy/" >Ширмы</a></li>
</ul></li>
<li class="has-sub"><a href="/catalog/soft-mebel/">Мягкая мебель</a>
<ul>
<li><a href="/catalog/soft-mebel/bez-podlokotnikov/" >Без подлокотников</a></li>
<li class="has-sub"><a href="/catalog/soft-mebel/divan-krovat/">Диван-кровать</a>
<ul>
<li><a href="/catalog/soft-mebel/divan-krovat/s-mekhanizmom-vykatnoy/" >С механизмом (выкатной)</a></li>
<li><a href="/catalog/soft-mebel/divan-krovat/s-mekhanizmom-akkordeon/" >С механизмом аккордеон</a></li>
<li><a href="/catalog/soft-mebel/divan-krovat/s-mekhanizmom-evrosofa-nulevaya-stena/" >С механизмом еврософа (нулевая стена)</a></li>
<li><a href="/catalog/soft-mebel/divan-krovat/s-mekhanizmom-transformatsii-delfin/" >С механизмом трансформации «Дельфин»</a></li>
<li><a href="/catalog/soft-mebel/divan-krovat/s-mekhanizmom-transformatsii-klik-klyak/" >С механизмом трансформации «клик-кляк»</a></li>
<li><a href="/catalog/soft-mebel/divan-krovat/s-mekhanizmom-tik-tak/" >С механизмом «тик-так»</a></li>
<li><a href="/catalog/soft-mebel/divan-krovat/s-podemnym-mekhanizmom-odnospalnyy/" >С подъемным механизмом(односпальный)</a></li>
</ul></li>
</ul></li>
</ul>
</ul>
Код JS:
Скрытый текст
Код $( document ).ready(function() {
$('#menu li.has-sub>a').on('click', function(){
$(this).removeAttr('href');
var element = $(this).parent('li');
if (element.hasClass('open')) {
element.removeClass('open');
element.find('li').removeClass('open');
element.find('ul').slideUp();
}
else {
element.addClass('open');
element.children('ul').slideDown();
element.siblings('li').children('ul').slideUp();
element.siblings('li').removeClass('open');
element.siblings('li').find('li').removeClass('open');
element.siblings('li').find('ul').slideUp();
}
});
$('#menu>ul>li.has-sub>a').append('<span class="holder"></span>');
});
