Trigger the css:hover event with js

Question

I have

and in css:

div.animate:hover{
//do stuff
}

But would also like to invoke this via javas

Answer 1

As described in Trigger css hover with JS this is not possible as-is (if you want it as described exactly at the time of the creation of this answer).

But the main goal is achievable by:

1. Setting a class hover (or whatever name) as well as the selector :hover in the CSS.
2. Calling .addClass("hover") to trigger CSS, and .trigger("hover") or .trigger("mouseenter") to trigger the JS.
3. Ensuring the mouseleave handler. or 2nd .hover() handler, clears the hover class if present.