Вход

Просмотр полной версии : Стрелка не поворачивается


Giorgi
06.06.2017, 11:17
Добрый день ! Проблема у меня такая, есть меню где при клике стрела должна поворачиваться и разворачиваться, а при клике она поворачивается а разворачиваться не хочет .
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");
});
});

Kyjek
06.06.2017, 11:20
Надо добавить строку в событие при своричивании меню

arrow.removeClass("rotate");

Giorgi
06.06.2017, 11:35
так не работает и не сворачивает и не разворачивает
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");
});
});

Kyjek
06.06.2017, 11:54
Не уверен но попробуйте так

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");
});
});

Giorgi
06.06.2017, 12:25
Нет только поворачивается а не разворачивается

j0hnik
06.06.2017, 12:27
заменить
arrow.addClass("rotate");
на
arrow.toggleClass("rotate");

Giorgi
06.06.2017, 12:41
Большое спасибо заработало !!! :victory: