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

Reply via email to