Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Как убрать :hover при клике по нему? (https://javascript.ru/forum/xhtml-html-css/66649-kak-ubrat-hover-pri-klike-po-nemu.html)

sovsem-nub 29.12.2016 21:14

Как убрать :hover при клике по нему?
 
Здравствуйте. Есть просто выпадающее меню на чистом css http://heeg.ru/heeg.html#faq оно нормально работает на компьютере но на тач устройствах после клика на пункт меню, :hover не пропадает, а продолжает висеть пока не ткнешь в другую часть экрана. Можно как-нибудь сделать так, чтобы при при клике на этот hover он исчезал?

sovsem-nub 30.12.2016 12:53

ничего умнее чем просто прятать ховер после клика и показывать его опять при наведении я не придумал...

var elements = document.querySelectorAll('.tw-table-of-contents-top>ul ul');



document.querySelector(".tw-table-of-contents-top").onmouseover = function(event) {

  for (var i = 0; i < elements.length; i++) {
elements[i].style.display = 'inline'
  }
};



function up() {
  for (var i = 0; i < elements.length; i++) {
elements[i].style.display = 'none'
  }
}


up() я вызываю при клике на любую ссылку. На телефоне работает и ховер пропадает.


Часовой пояс GMT +3, время: 08:16.