JQuery: how to cause a hang?

Question

How can I activate the second hover function?

$('#adm1n-toolbar').hover( function() { ... }, function() { ... } ); $('#adm1n-toolbar-content select').change(function(e) { ... $('#adm1n-toolbar').trigger('mouseout'); }); 

mouseout or mouseleave do not work.

Answer 1

It works great if you use mouseleave , which hover uses behind the scenes

demo at http://jsfiddle.net/gaby/6fyeS/

Answer 2

You cannot externally use the second function in hover() . However, since hover() is just a shortcut to mouseenter() and mouseleave() , you can assign them separately so you can run them as needed. Try the following:

 $('#adm1n-toolbar') .mouseenter(function() { // ... }) .mouseleave(function() { // ... }); $('#adm1n-toolbar-content select').change(function(e) { $('#adm1n-toolbar').trigger('mouseleave'); });