Закрыть выпадающее меню

@TRIZ · Регистрация: 07.01.2014

Студворк — интернет-сервис помощи студентам

Всем привет! На сайте интернет-магазина реализовано выпадающее боковое меню.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<li class="dropdown"><a href="/index.php?route=product/category&amp;path=65" class="dropdown-toggle">Категория 1</a>
                        <span class="ochow-menu-item-toggle ochow-close hidden-xs hidden-sm">
                                <i class="fa fa-chevron-right"></i>
                                <i class="fa fa-chevron-left"></i>
                              </span>
                          <div class="dropdown-menu child-box" style="">
 
                            <div class="dropdown-inner">
                                                          <ul class="list-unstyled">
                                                                <li><a href="/index.php?route=product/category&amp;path=65_62">Подкатегория 1</a></li>
                                                                <li><a href="/index.php?route=product/category&amp;path=65_61">Подкатегория 2</a></li>
                                                              </ul>
                                                        </div>
                            </div>
                        </li>
<li class="dropdown"><a href="/index.php?route=product/category&amp;path=65" class="dropdown-toggle">Категория 2</a>
                        <span class="ochow-menu-item-toggle ochow-close hidden-xs hidden-sm">
                                <i class="fa fa-chevron-right"></i>
                                <i class="fa fa-chevron-left"></i>
                              </span>
                          <div class="dropdown-menu child-box" style="">
 
                            <div class="dropdown-inner">
                                                          <ul class="list-unstyled">
                                                                <li><a href="/index.php?route=product/category&amp;path=65_62">Подкатегория 1</a></li>
                                                                <li><a href="/index.php?route=product/category&amp;path=65_61">Подкатегория 2</a></li>
                                                              </ul>
                                                        </div>
                            </div>
                        </li>

И есть jQuery код который говорит нам как поступать с этим меню при клике:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
$(document).ready(function () {
              var $menu = $('#menu');
 
              $('.ochow-menu-item-toggle').on('click', function () {
                var $btn = $(this);
 
                $menu
                  .find('.dropdown')
                    .removeClass('open')
                      .find('.ochow-open')
                        .removeClass('ochow-open')
                        .addClass('ochow-close');
                
                if ($btn.hasClass('ochow-close')) {
                  $btn
                    .removeClass('ochow-close')
                    .addClass('ochow-open')
                      .parent()
                        .addClass('open')
                } else {
                  $btn
                    .removeClass('ochow-open')
                    .addClass('ochow-close')
                      .parent()
                        .removeClass('open')
                }
              });
            });

Дело в том, что при клике все работает хорошо, меню открывает подкатегории, но при повторном клике не закрывает его (только если открыть другую категорию)

Помогите разобраться. в jQuery не селен, но очень нужно что бы меню закрывалось.

@2849141 · 30.09.2017, 16:15

Уберите из скрипта

JavaScript
1
2
3
4
5
6
$menu
                  .find('.dropdown')
                    .removeClass('open')
                      .find('.ochow-open')
                        .removeClass('ochow-open')
                        .addClass('ochow-close');

Вы сможете открывать любые пункты с подкатегориями и закрывать их.

Новые блоги и статьи Все статьи Все блоги /
Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .