Question

I’m using Drupal for a website and I can only use jQuery 1.2.7 (not the most recent versions).

I want to fade in / fade out a div element and I’m using mouseover / mouseout functions.

However, this element contains some children and when I move the mouse over it, the mouseout function is triggered, because I’m moving over one of its children.

Since I don’t have mouseleave function, how can I solve this issue ?

thanks

Updated:

<div id="parent">
  <p> blabla </p>
  <div><a> blabla </a>
  <p> blabla </p>
</div>

Answer 1

jQuery (since 1.0) has had the hover event to handle exactly this scenario. In addition, mouseleave has been in jQuery since 1.0 as well.