Javascript.RU

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

Выпадающее меню
Не работает скрипт. А именно второе условие. Класс добавляет, но после повторного нажатия slideUp не происходит и класс не удаляется.
$(document).ready(function() {
	$('.itemNav').click(function() {
		if ($(this).not('.active')) {
			$(this).next().slideDown(300);
			$(this).addClass('active');
		} else {
			$(this).next().slideUp(300);
			$(this).removeClass('active');
		}
	});
});

HTML
<ul class="leftSideNav">
					<h2 class="leftSideTitle"><div class="leftSideTitleIcon"></div><span>Наши</span> услуги</h2>
					<li class="leftSideNavItem">
						<a href="javascript:void(0);" class="itemNav">Финансовый консалтинг</a> 
						<ul>
							<li><a href="">Постановка финансового учета</a></li>
							<li><a href="">Ведение финансового учета</a></li>
							<li><a href="">Финансовый арбитраж</a></li>
						</ul>
						<b></b>
					</li>
					<li class="leftSideNavItem">
						<a href="javascript:void(0);" class="itemNav">Налоговый консалтинг</a>
						<ul>
							<li><a href="">Постановка налогового учета</a></li>
							<li><a href="">Ведение налогового учета</a></li>
							<li><a href="">Налоговый арбитраж</a></li>
						</ul>
						<b></b>
					</li>
					<li class="leftSideNavItem">
						<a href="javascript:void(0);" class="itemNav">Юридический консалтинг</a>
						<ul>
							<li><a href="">Постановка юридического учета</a></li>
							<li><a href="">Ведение юридического учета</a></li>
							<li><a href="">Юридический арбитраж</a></li>
						</ul>
						<b></b>
					</li>
					<li class="leftSideNavItem">
						<a href="javascript:void(0);" class="itemNav">Кадровый консалтинг</a>
						<ul>
							<li><a href="">Постановка кадрового учета</a></li>
							<li><a href="">Ведение кадрового учета</a></li>
							<li><a href="">Кадровый арбитраж</a></li>
						</ul>
						<b></b>
					</li>
					<li class="leftSideNavItem">
						<a href="javascript:void(0);" class="itemNav">IT-консалтинг</a>
						<ul>
							<li><a href="">Постановка IT учета</a></li>
							<li><a href="">Ведение IT учета</a></li>
							<li><a href="">IT арбитраж</a></li>
						</ul>
						<b></b>
					</li>
				</ul>
Ответить с цитированием
  #2 (permalink)  
Старый 29.11.2013, 23:15
Интересующийся
Отправить личное сообщение для Егорыч Посмотреть профиль Найти все сообщения от Егорыч
 
Регистрация: 02.09.2013
Сообщений: 10

Поспешил. решение:
$(document).ready(function() {
	$('.itemNav').click(function() {
		 $(this).next().slideToggle('normal');
	});
});
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Находится ли мышка над дивом ? (выпадающее меню) advsm jQuery 31 24.09.2014 17:50
jquery ui layout + выпадающее меню Sveta jQuery 2 04.12.2012 09:04
Выпадающее меню CyMKuH Элементы интерфейса 4 09.08.2012 21:03
Выпадающее меню для внутренней навигации по закладкам на странице на javascript+css rdfhnbhf jQuery 1 13.07.2012 15:17
Выпадающее меню для внутренней навигации по закладкам на странице на javascript+css rdfhnbhf Javascript под браузер 1 13.07.2012 12:26