Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Как исправить корректную работу toggle кнопки меню (https://javascript.ru/forum/jquery/66316-kak-ispravit-korrektnuyu-rabotu-toggle-knopki-menyu.html)

parnas 08.12.2016 10:23

Как исправить корректную работу toggle кнопки меню
 
Всем привет. Верстаю сайт интернет магазина. Вот ссылка. Сайт адаптивный. В сайте кроме 2 меню есть еще и фильтр-конфигуратор слева. На мобильном версии, этот конфиг панель скрывается полностью и открывается с помощью кнопки с иконкой шестеренки. При нажатии на эту кнопку на блок добавляется класс .show который открывает этот панель в не раскрытом положении и далее автоматически открывается с событием .trigger(). Проблема заключается в том, Сейчас при нажатии на эту кнопку конфиг панель открывается, но при повторном нажатии ведет себя как на десктопе. То есть, полностью не исчезает. Никак не могу программировать так чтобы при нажатии на главную кнопки конфигуратора, этот панель снова исчезал. Как бы я не старался(неверно знание и опыта не хватило) не смог убирать класс 'show' при повторном нажатие. Вот скрипт который открывает конфиг панель . А этот скрипт открывает конфиг панель из мобильной версии. этого никак не могу добиться. Очень нуждаюсь в вашем помощи. Заранее очень благодарен.

Coriolan161 08.12.2016 13:59

parnas,
Цитата:

который открывает этот панель в не раскрытом положении и далее автоматически открывается с событием .trigger()
Брат не понятно

parnas 10.12.2016 15:08

Постараюсь делать свой вопрос более интуитивным.

На сайте есть панель конфигуратора для выбора товаров. При нажатии на главную его кнопку(который сверху) либо на один из элементов этого конфигуратора, эта панель полностью выезжает. Так реализован на планшетном и декстопном версии. На мобильном, этот блок спрятан по умолчанию. и выезжать если нажать на кнопку с иконкой шестеренка. Эту я реализовал таким образом: при нажатии добавиться класс '.show' на главную панель конфигуратора. который показывает конфиг панель в нераскрытом виде и мигом выезжает основной панель. Эту я реализовал через .trigger('click') который инициализируется сразу после добавления класса '.show'. Естественно кнопка останется позади конфиг панели. Теперь каким-то образом нужно его снова скрыть при клике на кнопку(с иконкой X) конфиг панели. Все что нужно это обратно удалить класса '.show'. Как это делать я не смог. Поэтому прощу помощи.

Вот скрипт который открывает конфиг панель . А этот скрипт открывает конфиг панель из мобильной версии.


Часовой пояс GMT +3, время: 01:08.