Thanks for your reply Matt, I'm not sure what you mean though. It
works in FF and IE just fine, and I believe jquery handles toggle even
with no args? I did try your code but it didn't work...
On Sep 13, 12:19 am, Matt Henry <[EMAIL PROTECTED]> wrote:
> toggle() takes two functions as arguments, so your
>
> $("div#menuchild_1").toggle(
> SHOW_FUNCTION
> HIDE_FUNCTION
> );
> On Sep 12, 4:32 pm, robertaugustin <[EMAIL PROTECTED]> wrote:
>
> > Hi,
>
> > I'm having a problem with jquery's toggle function in Safari 3.1.2 and
> > Google Chrome, maybe one of you knows the issue and can help...
>
> > Here's the code:
>
> > *******CODE
> > //For each menu button, toggle its child div (containing child menu
> > items) while hiding the others if they are open
> > $(document).ready(function(){
> > $('div.menuchild').hide();
> > $("a.menuchild_1").click(function(){
> > $("div#menuchild_1").toggle();
> > $("div#menuchild_2:visible").hide();
> > $("div#menuchild_3:visible").hide();
> > return false;
> > });
> > $("a.menuchild_2").click(function(){
> > $("div#menuchild_2").toggle();
> > $("div#menuchild_1:visible").hide();
> > $("div#menuchild_3:visible").hide();
> > return false;
> > });
> > $("a.menuchild_3").click(function(){
> > $("div#menuchild_3").toggle();
> > $("div#menuchild_1:visible").hide();
> > $("div#menuchild_2:visible").hide();
> > return false;
> > });
>
> > });
>
> > ********/CODE
>
> > All div#menuchild_1,2,3 have a background-image. They also contain
> > another div that closes that background at the top (think rounded
> > corners).
>
> > Now I'm sure this could be done more quickly using variables and not
> > hardcoding it :) But it works fine for now - except for Safari and
> > Chrome:
>
> > - In Safari, the div#menuchild_1,2,3 that pop up are broken
> > (background-image doesn't show fully) UNTIL you move the mouse over
> > the div. This means that the background image isn't positioned
> > correctly (it's set to "no-repeat bottom left"), but somewhere in the
> > vertical middle of the div. Also, the contained div doesn't show at
> > all before the mouse moves over it.
>
> > - Google Chrome seems to work but regularly crashes ("Snap, something
> > went wrong...") when you try to click on the parent menu items
> > repeatedly and quickly.
>
> > Not sure if Webkit is having a problem here or if my code is... emm...
> > worthy of improvement. Any help will be appreciated!
