li {
position: relative;
}
li:hover {
color: red;
}
li:after {
position: absolute;
right: 0;
top: 0;
content: 'v'; /* можно подставить svg иконку фоном */
}
li:hover:after {
content: 'x';
}
foo.onclick = function(){
this.classList.toggle('rotate')
}
CSS:img {
transition: transform 1s ease;
}
.rotate {
transform: rotate(180deg);
}
@keyframes green-flash {
from { color: lightgreen; }
to { color: inherit; }
}
.make-it-flash {
position: relative;
animation: green-flash 3s ease;
}
function restartAnimation(elem, classname) {
elem.classList.remove(classname);
void elem.offsetWidth;
elem.classList.add(classname);
}
$('.audio__select').click(function(e) {
e.preventDefault();
$('.audio__list').removeClass('active') // закрыть все
$(this).parent().find('.audio__list').toggleClass('active');
});