Стрелка не поворачивается
 

Добрый день ! Проблема у меня такая, есть меню где при клике стрела должна поворачиваться и разворачиваться, а при клике она поворачивается а разворачиваться не хочет .
1) Скриншот http://prntscr.com/fgg9qy

2) Сайт http://front-end.hol.es/adaptive/kupavna/index_2.html

3)

var down = $('ul.aside__menu > li > a');
    var down_up = $('ul.menu__sub');
    var arrow = $('ul.aside__menu > li > a i.arrow');

	$(down).on('click', function (event) {
	   event.preventDefault();
       down_up.slideToggle(function () {
         arrow.addClass("rotate");
       });
	});

Надо добавить строку в событие при своричивании меню

arrow.removeClass("rotate");

так не работает и не сворачивает и не разворачивает

var down = $('ul.aside__menu > li > a');
    var down_up = $('ul.menu__sub');
    var arrow = $('ul.aside__menu > li > a i.arrow');

	$(down).on('click', function (event) {
	   event.preventDefault();
       down_up.slideToggle(function () {
         arrow.addClass("rotate");
         arrow.removeClass("rotate");
       });
	});

Не уверен но попробуйте так

var down = $('ul.aside__menu > li > a');
    var down_up = $('ul.menu__sub');
    var arrow = $('ul.aside__menu > li > a i.arrow');
    arrow.removeClass("rotate");
	$(down).on('click', function (event) {
	   event.preventDefault();
       down_up.slideToggle(function () {
         arrow.addClass("rotate");
                });
	});

Нет только поворачивается а не разворачивается

заменить

arrow.addClass("rotate");

на

arrow.toggleClass("rotate");

Большое спасибо заработало !!! :victory: