How to implement a type of hover effect on click on touch screens?

Question

css

Currently on mobile, when clicked, it immediately goes to the link.
here is the site geekend.ru I want to make it so that I poked once a hint came out, poked the second one followed the link (namely on touch screens)

Answer 1

It's easy, put a condition in the javascript that if there is such a class, then there is a transition, if this class does not exist, then add it)
function foo(e)
if (el.classList.contains('hover')) {
} else {
e .preventDefault
el.classList.add('hover')
}
something like this can be done