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