Здравствуйте! Перечитал много тем насчет аккордеон меню и js cookie, но не получилось сделать меню под мой код и битрикс.
Задача: Сохранить позицию выбранного меню пользователя, когда он переходит по ссылке в меню.
Меню на сайте: http://alibabamebel.ru/catalog/
Код меню:
Код JS:
Задача: Сохранить позицию выбранного меню пользователя, когда он переходит по ссылке в меню.
Меню на сайте: http://alibabamebel.ru/catalog/
Код меню:
Скрытый текст |
|---|
| [CODE]<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>[/CODE] |
Код JS:
Скрытый текст |
|---|
| [CODE]$( 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>'); });[/CODE] |
