I finally got the code working. Everything is working fine in all the browsers FF, Safari, Chrome but not in IE. Does anybody have an idea what could be the problem?
Thank you. <script type="text/javascript"> $(document).ready(function() { $('.display_details').each(function(i) { $(this).attr('id', 'display_details' + i) }) $('.myclass').each(function(i) { $(this).attr('id', 'testing' + i) var hide = false; $('#display_details' + i).hover(function(){ if (hide) clearTimeout(hide); $('#testing' + i).fadeIn(); }, function() { hide = setTimeout(function() {$('#testing' + i).fadeOut("slow");}, 250); }); $('#testing' + i).hover(function(){ if (hide) clearTimeout(hide); }, function() { hide = setTimeout(function() {$('#testing' + i).fadeOut("slow");}, 250); }); }); }); </script>