Есть ли способ задать в скрипте для :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');
});
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости