thank you for the reply. I finally solved it by using slideToggle followd by hide.
regards, merlin On Sep 22, 4:56 pm, "ryan.j" <ryan.joyce...@googlemail.com> wrote: > 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 inChromeand 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