As the ".section" is hidden, your mouse leaves the .section. This is why it blinks.And as you show a .hidden
, you need to fire your event when you leave the .hidden
Here is something that may solve your issue: (http://jsfiddle.net/hdehzec0/7/) :
$(document).ready(function () { $(".inner").hide(); $(".section").mouseenter(function () { $(this).next(".inner").show(); $(this).hide(); }); $(".inner").mouseleave(function () { $(this).hide(); $(".section").show(); });});