Trigger the css:hover event with js

css, html, javascript

Solution

Instead of doing it this way, I suggest you just add a class to the other tag. In jQuery it would be:

 $(window).load(function() {
    $('.trigger-animate').hover(function(){
        $('.animate').addClass('hover');
    });
}

I'd recommend using this method, because it handles both onMouseOver and onMouseOut (this way you can also remove the class when your mouse leaves $('.trigger-animate') if you so desired using this syntax:

.hover( handlerIn(eventObject), handlerOut(eventObject) )
 checking out the documentation

Problem

I have `<div class="animate">` and in css: ``` div.animate:hover{ //do stuff } ``` But would also like to invoke this via javascript. Is it possible?

Original source

Related problems