$(document).ready(function() { $('div.fade').hover(function() { // hover in var div = $('> div', this); if (div.is(':animated')) { div.stop().fadeTo(500, 1); } else { div.fadeIn(500); } }, function() { // hover out var div = $('> div', this); if (div.is(':animated')) { div.stop().fadeTo(1000, 0); } else { div.fadeOut(1000); } }); });