Выпадающее меню
 

Не работает скрипт. А именно второе условие. Класс добавляет, но после повторного нажатия 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>

Поспешил. решение:

$(document).ready(function() {
	$('.itemNav').click(function() {
		 $(this).next().slideToggle('normal');
	});
});