Отменить hover при использовании js клик

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...

Есть блок, который должен при десктопной версии сайта использовать ховер css, а при мобильной версии использовать сворачивание и разворачивание по клику.

Прикол в том что когда использовать одновременно на элементе hover и click, то при клике срабатывает стиль ховера, а это не нужно.

Чтобы решить данную проблему, можно ввести доп. класс «.no-hover», и на него вешать стили, которые будут перебивать ховер. Таким образом имеем два класс,

.active — стиль при активации

.no-hover — стиль после сврачивания, который перебивает ховер

 

Пример:

Песенка друзей
Мы едем, едем, едем
В далекие края,
Хорошие соседи,
Счастливые друзья.
Нам весело живется,
Мы песенку поём,
И в песенке поётся
О том, как мы живём.

Примечание
В десктопно версии стрелка не сворачивает, а в мобильной версии отрабатывает сворачивание/разворачивание

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *