Disable :hover on click

Question

I have a div that has hover:

.div {
  // css
}
.div:hover {
  // css
}

But I want to disable the hover when you click on the

Answer 1

All you need is this:

$('[your selector]').css({'pointer-events': 'none'})