[jQuery] problem of event mouseleave with ie7
Hi everyone,
I m having a problem to bind an event mouselease on ie7. Whereas on FF
it s working correctly.
Here is the code:
....
<script type="text/javascript">
<!--
$(document).ready(function() {
$('#menu > ul > li')
.find('a').bind('mouseover', function(){
$(this).parents('li').find('> ul').slideDown('fast');
}).end()
.find('ul').bind('mouseleave', function(){
$(this).slideUp('fast');
});
});
//-->
</script>
<ul id="menu">
<li><a href="...">Menu1</a>
<ul><li>submenu1_1</li><li>submenu1_2</li></ul>
</li>
<li><a href="...">Menu2</a>
<ul><li>submenu2_1</li><li>submenu2_2</li></ul>
</li>
<li><a href="...">Menu3</a>
<ul><li>submenu3_1</li></ul>
</li>
</ul>
With ie7 when I m on a li of the sub menu he thinks that I m out of
the ul and he slideUp the list.
So how can I say: don't slide up the list until I m out of the ul (and
everything inside the ul) ?
Again on FF it s working perfectly
In advance thanks ...