@valitskiydmitriy

Обратное вращение DIV блока JS?

Есть вот такой js код, открывает меню в вид аккордеона, и при открытии div с картинкой вращается, как сделать что бы он и при закрытии прокрутился еще раз на 180?Заранее спасибо!
$(function() {
var Accordion = function(el, multiple) {
this.el = el || {};
this.multiple = multiple || false;

var links = this.el.find('.link');
links.on('click', {el: this.el, multiple: this.multiple}, this.dropdown)
}

Accordion.prototype.dropdown = function(e) {
var $el = e.data.el;
$this = $(this),
$next = $this.next();

$next.slideToggle();
$this.parent().toggleClass('open');
$this.children('img').css('transform', 'rotate(180deg)');

if (!e.data.multiple) {
$el.find('.submenu').not($next).slideUp().parent().removeClass('open');
};
}

var accordion = new Accordion($('#accordion'), false);
});
  • Вопрос задан
  • 456 просмотров
Пригласить эксперта
Ответы на вопрос 2
IonDen
@IonDen
JavaScript developer. IonDen.com
Для этого достаточно картинке прописать по умолчанию:
transform: rotate(0deg);
Ответ написан
hoOstel
@hoOstel
эту строчку убрать
$this.children('img').css('transform', 'rotate(180deg)');


в css
.submenu img{
transform:rotate(0deg);
}
.open img{
 transform:rotate(180deg);
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
26 апр. 2024, в 10:01
500 руб./за проект
26 апр. 2024, в 09:18
500 руб./в час
26 апр. 2024, в 06:46
1500 руб./в час