Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.11.2018, 12:05
Аспирант
Отправить личное сообщение для oslayer Посмотреть профиль Найти все сообщения от oslayer
 
Регистрация: 18.10.2012
Сообщений: 63

Подсветка пункта меню - ч.2
Как работает
При клике скрипт назначает всем
<li class="had_child active_m">


А нужно что бы назначалось только в текущем блоке меню верхнего уровня.
Что то вроде
<li class="open">

а остальные блоки с
<li class="had_child active_m">
без изменений

Признаки текущего блока
<ul style="display: block;">
<span class="ttnavigation ttopen"><a href="javascript:void(0)"></a></span>


Признаки не текущего блока
<ul style="display: none;">
<span class="ttnavigation ttclose"><a href="javascript:void(0)"></a></span>


Есть код JS
$(function(){
    $(".originalmenu span.ttnavigation").on("click", function(){
	   $('#ma-mobilemenu .had_child').addClass('active_m');
    });
});


<ul id="ma-mobilemenu" class="mobilemenu originalmenu nav-collapse collapse expand_menu">
-----------Блок меню 1----------------------
<li class="had_child">
<a href="#">Пункт меню 1 уровня</a>
<ul style="display: block;">
<li><a href="#"><span>Пункт меню 2 уровня</span></a></li>
<li><a href="#"><span>Пункт меню 2 уровня</span></a></li>
<li><a href="#"><span>Пункт меню 2 уровня</span></a></li>
<li><a href="#"><span>Иван-чай</span></a></li>
<li><a href="#"><span>Пункт меню 2 уровня</span></a></li>
</ul>
<span class="ttnavigation ttopen"><a href="javascript:void(0)"></a></span>
</li>

-----------Блок меню 2----------------------
<li class="had_child">
<a href="#">Пункт меню 1 уровня</a>
<ul style="display: none;">
<li><a href="#"><span>Пункт меню 2 уровня</span></a></li>
<li><a href="#"><span>Пункт меню 2 уровня</span></a></li>
<li><a href="#"><span>Пункт меню 2 уровня</span></a></li>
<li><a href="#"><span>Пункт меню 2 уровня</span></a></li>
<li><a href="#"><span>Пункт меню 2 уровня</span></a></li>
</ul>
<span class="ttnavigation ttclose"><a href="javascript:void(0)"></a></span>
</li>

И так далее

</ul>

Последний раз редактировалось oslayer, 06.11.2018 в 12:21.
Ответить с цитированием
  #2 (permalink)  
Старый 06.11.2018, 12:53
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

oslayer,
$(this).parent().addClass('active_m');
Ответить с цитированием
  #3 (permalink)  
Старый 06.11.2018, 12:58
Аспирант
Отправить личное сообщение для oslayer Посмотреть профиль Найти все сообщения от oslayer
 
Регистрация: 18.10.2012
Сообщений: 63

заработало... а можно ткнуть в описание функции parent с описанием и примерами? Почему то мне попадавшиеся не позволяли понять что так можно применить.
Ответить с цитированием
  #4 (permalink)  
Старый 06.11.2018, 13:05
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

oslayer,
parent
Ответить с цитированием
  #5 (permalink)  
Старый 06.11.2018, 15:43
Аспирант
Отправить личное сообщение для oslayer Посмотреть профиль Найти все сообщения от oslayer
 
Регистрация: 18.10.2012
Сообщений: 63

Спасибо Как завещал В.И. Ленин
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Подсветка пункта меню JS - JQery oslayer Элементы интерфейса 2 31.10.2018 15:35
Замена стилей класса Павел Турченко Элементы интерфейса 9 30.10.2015 15:24
Бесконечноуровневое меню на CSS ruslan_mart Ваши сайты и скрипты 5 12.01.2015 20:59
Подсветка родительского пункта меню seoguru Events/DOM/Window 9 24.01.2013 14:15
Открыть слайд (раздел) текущего пункта меню Demath Элементы интерфейса 8 18.07.2012 02:49