the handling of lists may be slightly buggy - i had a similar sounding problem in IE with the fade/slide functions breaking margin-top. worked fine in everything else but it seemed to be caused in IE by moving the mouse off the element that triggered the animation before it completed.
http://jsbin.com/izowe On Sep 22, 3:29 pm, Merlin <ngro...@fastmail.fm> wrote: > HI, > > I broke the problem down into the fact that somehow jQuery is not able > to handle show/hide of Lists inside a talbe correctly with Safari/ > Chrome. > Using fadeIn and fadeOut works though, but I really would like to use > show/hide as the effect is much nicer. > > Here is an example code that demonstrates that the right row will > always jump in Chrome and Safari: > <script src="http://code.jquery.com/jquery-latest.js"; type="text/ > javascript"></script> > > <script type="text/javascript"> > $(document).ready(function(){ > //Hide all subsubmenus > $(".subcategories").css("display","none");}); > > </script> > > <table border="1" width="600px"> > <tr> > <td valign="top" width="300px"> > <a href="" > onmouseover="$('.subcategories:not(#29)').hide('fast');$ > ('#29').show('fast');" >Wohnungen</a> > <ul class="subcategories" id="29"> > <li><a href="" > title="Maisonette">Maisonette</a></li> > </ul> > <p> > <a href="" > onmouseover="$('.subcategories:not(#16)').hide('fast');$ > ('#16').show('fast');" >Freundschaften</a> > </td> > > <td valign="top" width="300px"> > Row 2 > </td> > </tr> > </table> > > Or am I overlooking something? > > Thank you for any help on that! Merlin > > On Sep 21, 9:39 pm, Merlin <ngro...@fastmail.fm> wrote: > > > Hi there, > > > I am building a simple show/hide list with the help of jquery. It > > works great on IE and Firefox but inChromeand 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... > > > Thank you for any help!! > > > Regards, Merlin
