jQuery onmouseover + onmouseout / hover on two different divs
- by ahmet2106
Hello everybody,
I've got a Problem:
Here a part of my HTML:
<div id="div_1">
Here Hover
</div>
<div id="div_2">
Here content to show
</div>
And here a part of my jQuery Script:
jQuery('#div_2').hide();
jQuery('#div_1').onmouseover(function() {
jQuery('#div_2').fadeIn();
}).onmouseout(function(){
jQuery('#div_2').fadeOut();
});
The Problem:
If i hover on the div_1, the div_2 is shown, if i hover out, the div_2 is hidden, but:
If i hover first on div_1 and then go over div_2, the div_2 is hidden fast.
I've tried this with jQuery.addClass(); after mouseout in div_1, but nothing is changing.
I dont want do make the second div in the first div... Is there another way with jQuery?
Thx Ahmet
