jQuery onmouseover + onmouseout / hover on two different divs

hover, html, jquery, onmouseout, onmouseover

Solution

Here's another approach, just apply the hover to the second div as well so it stops itself being hidden:

$(function() {
  $('#div_2').hide();
  $('#div_1, #div_2').hover(function() {
      $('#div_2').stop().fadeIn();
  }, function(){
      $('#div_2').stop().fadeOut();
  });
});

Problem

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

Original source