[jQuery] Bug? Jumping show/hide in Chrome and Safari
Hi there,
I am building a simple show/hide list with the help of jquery. It
works great on IE and Firefox but in Chrome and Safari the closing
menuitems shift the whole menu to the left for a second and then back
to its origin. I have about 20 menüitems that each hold about 5
submenü items. The goal is to show the 5 items only on mouseover on
the menüitems and then hide it once the mouse moves away.
Here is the code:
<script type="text/javascript">
$(document).ready(function(){
//Hide all subsubmenus
$(".subcategories").css("display","none");
});
</script>
<li><a href="/kleinanzeige-aufgeben/geschenke.htm" onmouseover=" $
('.subcategories:not(#86)').hide('fast');$('#86').show('fast');"
title="Geschenke">Geschenke</a></li>
Any idea on how to fix this? I found a relevant post that refers to a
bug in jquery but the workaround does not work for me and I also tried
the nightly build which also did not help.
http://tommcfarlin.com/2009/01/08/the-problem-with-jquery-hide-safari-and-chrome/
Thank you for any help!!
Regards, Merlin