jQuery hover event won't fire the first time
Problem: jQuery won't fire when hovered over an element initially.
Example: For a menu with tabs or tooltips that fade in or pop up when a user hovers over, this bug prevents the binded effect from activating when the user hovers over the element for the first time. Such a menu tab would only effect after the user's mouse has entered, left, and entered the element's area again.
Cause: Event bubbling? Multiple nested elements?
Solution: Trigger a hover out event on the element programmatically (instead of by user interaction).
Add the following code after binding the hover function to that element:
$('ELEMENT').trigger('mouseout');The effects-binded element should now fires when mouseovered the first time.
Resources: trigger() function - jQuery API