Sunday, 18 December 2011

jQuery onmouseover + onmouseout / hover on two different divs

jQuery onmouseover + onmouseout / hover on two different divs
To make it all work, we first need to add the jQuery library script between the tags.

<script src="jquery-1.4.4.js" type="text/javascript">
</script></div>
This code past body Tag

<div id="div_1">
    Here Hover</div>
<div id="div_2">
    Here content to show</div>
$(function() {
jQuery('#div_2').hide(); jQuery('#div_1').mouseover(function() { jQuery('#div_2').fadeIn();
});
jQuery('#div_2').mouseout(function(){ jQuery('#div_2').fadeOut();
});
});


if  you Like this code then Please do the comments 
 

No comments:

Post a Comment