Answer by JF it for hover effect on div using jquery

This is happening because of the .hide is also firing the mouse out function..

Here is your updated Fiddle: http://jsfiddle.net/hdehzec0/12/

Consider this structure for your HTML:

<div id="container"><div class="section one"><div class="inner"></div></div><div class="section two"><div class="inner"></div></div><div class="section three"><div class="inner"></div></div><div class="section four"><div class="inner"></div></div></div>

and your JQuery :

$(document).ready(function () {    $(".inner").hide();    $(".section").hover(     function () {        $(this).find(".inner").show();     }, function() {        $(this).find(".inner").hide();    });});