Есть ли способ задать в скрипте для :before у кнопки с классом .btn-expand стиль transform:rotate(360deg); ? Пробовала просто так сделать, но не работает..
$('.btn-expand').live('click', function(event) {
$(this).css("transform", "rotate(360deg)");
});
Или же какой есть другой выход для этого, раз таким способом сделать невозможно
Вот код целиком ->>> https://jsfiddle.net/pdgeatbs/
Сделать нужно так:
1) добавляете класс при клике для родительского элемента
2) через css делаете нужные вещи например так:
$('.btn-expand').live('click', function(event) {
$(this).addClass("active");
});
.btn-expand.active:before {
transform :rotate(360deg)
}
Вы не можете манипулировать :before
, потому что псевдоэлементы недоступны из JavaScript. Но вы можете добавить новый класс с :before
:
CSS:
.btn-expand.changed:after {
transform :rotate(360deg)
}
JS:
$('.btn-expand').live('click', function(event) {
$(this).toggleClass('changed');
});
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Есть менюшка на 3 пункта, каждый из которых - выпадающий. По клику на пункт меню появляется выпадающее меню.