Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.04.2017, 22:59
Интересующийся
Отправить личное сообщение для rudoy24 Посмотреть профиль Найти все сообщения от rudoy24
 
Регистрация: 26.12.2014
Сообщений: 16

Добавление класса (отображение подменю)
Имеем следующую конструкцию:
<ul id="nav-mainmenu">
	<li>
		<span id="odmb">Кнопка 1</span>
		<ul id="nav-mainmenu">...</ul>
	</li>
	<li>
		<span id="odmb">Кнопка 2</span>
		<ul id="nav-mainmenu">...</ul>
	</li>
	...
</ul>


Как с помощью jQuery добится следующего?:

При нажатии на 'Кнопка 1' для '<ul id="nav-mainmenu">' сразу под этой кнопкой добавлялся класс 'active':
<ul id="nav-mainmenu">
	<li>
		<span id="odmb">Кнопка 1</span>
		<ul id="nav-mainmenu" class="active">...</ul>
	</li>
	<li>
		<span id="odmb">Кнопка 2</span>
		<ul id="nav-mainmenu">...</ul>
	</li>
	...
</ul>


А при нажатии на кнопку 'Кнопка 2' для '<ul id="nav-mainmenu">' сразу под этой кнопкой добавлялся класс 'active' и убирался класс 'active' у любого другого '<ul id="nav-mainmenu" class="active">':
<ul id="nav-mainmenu">
	<li>
		<span id="odmb">Кнопка 1</span>
		<ul id="nav-mainmenu">...</ul>
	</li>
	<li>
		<span id="odmb">Кнопка 2</span>
		<ul id="nav-mainmenu"  class="active">...</ul>
	</li>
	...
</ul>

-------
По сути как добиться эффекта открытия подпуктов меню, при этом прятать открытые ранее подпункты меню, учитывая что меню может быть многоуровневым, но структура всегда одинаковая?

<ul id="nav-mainmenu">
	<li>
		<span id="odmb">Кнопка 1</span>
		<ul id="nav-mainmenu">
			<span id="odmb">Кнопка 2</span>
			<ul id="nav-mainmenu">
				<span id="odmb">Кнопка 3</span>
				<ul id="nav-mainmenu"  class="active">...</ul>  
			</ul>
		</ul>
	</li>
	...
</ul>
Ответить с цитированием
  #2 (permalink)  
Старый 06.04.2017, 23:11
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

rudoy24,
Выпадающее меню на jquery
Ответить с цитированием
  #3 (permalink)  
Старый 06.04.2017, 23:26
Интересующийся
Отправить личное сообщение для rudoy24 Посмотреть профиль Найти все сообщения от rudoy24
 
Регистрация: 26.12.2014
Сообщений: 16

рони благодарю, именно то что нужно. Плюсанул.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Клик по одному элементу добавление класса у второго элемента, кликаем по третьему эле aleksandr8i Общие вопросы Javascript 1 24.09.2015 11:25
Добавление класса с анимацией. xTODx Элементы интерфейса 2 11.05.2015 10:24
Добавление класса всем родительским элементам списка Torawhite Элементы интерфейса 0 01.05.2015 22:06
Использование классов в JavaScript devote Ваши сайты и скрипты 70 01.02.2013 17:17
Горизонтальное меню с отображение нажатого подменю javascript jQuery 1 18.11.2010 23:44