Исключение для элементов списка подменю при раскрытии меню

@Vzetgnf · Регистрация: 19.06.2017

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

Здравствуйте. Пытаюсь сделать реализацию многоуровневого меню с jQuery. Возникла такая проблема, что при использовании $('.nav-menu li') раскрываются сразу все вложенные списки, в том числе подменю.
Как правильно прописать исключение для элементов списка подменю(nav-menu_into), чтобы скрипт на них не применялся?

JavaScript
1
$('.nav-menu li').not("#into").hover(function () {

и

JavaScript
1
$(".nav-menu li").not(document.getElementById("#into")).

не сработало.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<div>
    <nav>
      <ul class="nav-menu">
        <li><a href="#">Заголовок 1</a>
          <ul>
            <li><a href="#">Меню 1</a></li>
          </ul>
        </li>       
        <li><a href="#">Заголовок 2</a>
          <ul id="nav-menu_into">
            <li><a href="#">Меню 2</a></li>             
            <li id="into"><a href="#">Меню 3</a>                
                <ul>
                    <li id="into"><a href="#">Подменю</a></li>
                </ul>                   
            </li>           
          </ul>
        </li>
    
      </ul>
    </nav>
  </div>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script type="text/javascript">
$(document).ready(function(){
    $('.nav-menu li').not("#into").hover(function () {
        clearTimeout($.data(this,'timer'));
        $('ul',this).stop(true,true).slideDown(200);
    }, function () {
        $.data(this,'timer', setTimeout($.proxy(function() {
            $('ul',this).stop(true,true).slideUp(200);
        }, this), 100));
    });
 
$('#nav-menu_into li').hover(function () { 
clearTimeout($.data(this,'timer')); 
$('ul',this).stop(true,true).slideDown(200); 
}, function () { 
$.data(this,'timer', setTimeout($.proxy(function() { 
$('ul',this).stop(true,true).slideUp(200); 
}, this), 100)); 
});
});
</script>

@Уф · 23.06.2017, 10:44

https://jsfiddle.net/o4bhk9aa/

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
<div>
    <nav>
      <ul class="nav-menu">
        <li><a href="#">Заголовок 1</a>
          <ul>
            <li><a href="#">Меню 1</a></li>
          </ul>
        </li>       
        <li><a href="#">Заголовок 2</a>
          <ul id="nav-menu_into">
            <li><a href="#">Меню 2</a>
                <ul>
                    <li id="into"><a href="#">Подменю</a></li>
                </ul>
            </li>             
            <li id="into"><a href="#">Меню 3</a>                
                <ul>
                    <li id="into"><a href="#">Подменю</a></li>
                </ul>                   
            </li>           
          </ul>
        </li>
    
      </ul>
    </nav>
  </div>

JavaScript
1
2
3
4
5
6
7
8
9
$(document).ready(function(){
  $('ul.nav-menu').find('ul').hide();
  $('ul.nav-menu li').hover( 
    function() {
        $(this).children('ul').show();},
    function() {
        $(this).children('ul').hide();}
    );
});

Новые блоги и статьи Все статьи Все блоги /
Валидация и контроль данных табличной части документа перед записью Maks 22.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в КА2. Задача: контроль и валидация данных табличной части документа перед записью с учетом регламента компании. . .	Отчёт о затраченных материалах за определенный период с макетом печатной формы Maks 21.04.2026 Отчёт из решения ниже размещён в конфигурации КА2. Задача: разработка отчёта по затраченным материалам за определённый период, с возможностью вывода печатной формы отчёта с шапкой и подвалом. В. . .	Отчёт о спецтехнике находящейся в ремонте Maks 20.04.2026 Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .	Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)" Hrethgir 19.04.2026 Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .
Запрет удаления строк ТЧ документа при определённом условии Maks 19.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .	Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .	Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .

Опции темы