[jQuery] mouseout behavior of elements inside the mouseout element
Hi All,
i have an element construct similar to this.
--
<a class="ShowmyDiv" href="#">IMAGE</a>
<div class="myDiv">
<a href="#"></a>
</div>
--
$('.ShowmyDiv').mouseover(function() {
$('myDiv').fadeIn();
});
$('.myDiv').mouseout(function() {
$('myDiv').fadeout();
});
--
So but everytime i hover with the pointer over my link inside the
layer it triggers the mouseout.
Its just like Jquery considers the inside element of myDiv as mouseout trigger.
But i only want to trigger the mouseout when drag the mousepointer
outside of the myDiv block.
Can somebody please enlighten me here? :) Thanks alot!!