jQuery simulate hover and click

Question

I'm currently making an addon for a site, but I stumbled upon a problem: my addon needs to simulate clicking a div, but the div only appears if you're hovering over another div. I tried

$("#id-1").trigger("mouseover");
$("#id-2").click();

but it doesn't really work because the box instantly dissapears again.

is there any way I can do this?

thanks in advance!

edit: $("#id-2") isn't just made invisible, its no longer there in the elements, they're using some code to delete it and put it back in place when you hover over $("#id-1")

What does clicking the div do? If it calls a javascript function, can't you just call that? — TiiJ7
– TiiJ7, Commented Jan 11, 2014 at 15:08
I would have it call the function, but the owners of the site use compressed code, and they update it every few days, and I'm scared that the functions' names are going to change — L0laapk3
– L0laapk3, Commented Jan 11, 2014 at 15:12

Zach Saucier · Accepted Answer · 2014-01-11 15:26:31Z

1

If you have access to the CSS file you can use a hover class to do this, assuming they are siblings (could be modified to work with parent-child relationship) and and that they use display:block and display:hidden to hide/show the hidden element

/* CSS */
elemOne:hover ~ div, .hover ~ div { display:block; } // Applies on hover or if 
                                                     // hover class
/* jQuery */
$('elemOne').addClass('hover'); // Initialize the hover state
$('elemTwo').trigger('click');  // Click the now-showing element
$('elemOne').removeClass('hover'); // Remove the hover state

Demo

answered Jan 11, 2014 at 15:26

Zach Saucier

26.2k12 gold badges101 silver badges161 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

L0laapk3 Over a year ago

sadly I don't have access to the css file, but I already found a way to work around it so I don't have to deal with this :)

L0laapk3 Over a year ago

I took a completely different approach at the problem, thats why I didn't bother putting it up here, It couldn't really help anyone else.

Collectives™ on Stack Overflow

jQuery simulate hover and click

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related