But he will still want to trigger the animation on mouseover of that
second unspecified element at some point after initiating the previous
animation, regardless of the existence of $('.slide_started') or just
using the :animated selector.
At that point he will be forced to throw in a timer of some kind,
because the previous animation (and it's callback) will already be
well underway so he can't retrospectively add the new animation into
the previous one's callback, he can only start executing new code from
that point.
waiting isn't great but it seems to be all you can do without
investing a fair chunk of resources. i'll post if i can knock up some
code that lets you interrupt a callback properly, i have an idea how
it can be done but it ain't pretty.
On Sep 25, 10:09 pm, William Chang <diehardb...@gmail.com> wrote:
> I don't know how complex the user interface you're making, but if
> you're asking for a callback after completing the "slideToggle()"
> animation, then overload the method with a second argument which is
> the callback function.
>
> $('#51').slideToggle('fast, function() {
> // Do something after element's animation completes.
>
> });
>
> If you're dealing with multiple items with animation and don't want
> them to overlap the animation, then try using jQuery to manipulate the
> "class" attribute to store the state (e.g. "slide_started",
> "slide_ended"). I don't think using the timeout is the best way.
>
> Good Luck,
> William Changhttp://www.williamchang.orghttp://www.babybluebox.com
>
> On Sep 25, 4:23 pm, Merlin <ngro...@fastmail.fm> wrote:
>
> > The timeout sounds logical. I would like to try it, but somehow jquery
> > does not know that
> > function:http://docs.jquery.com/Special:Search?ns0=1&search=setTimeout&go=
>
> > I am pretty new to jquery. Could you post some code that fits into
> > this one:
> > onmouseover="$('#51').slideToggle('fast');$('.subcategories:not
> > (#51)').hide(700);"
>
> > Thanks!!
>
> > On Sep 25, 4:42 pm, "ryan.j" <ryan.joyce...@googlemail.com> wrote:
>
> > > the problem with jquery animation effects is that you can easily chain
> > > effects on a single element, but unless you specify a timer of some
> > > description or utilise the callback, effects on different elements
> > > will execute simultaneously as you're finding.
>
> > > unfortunately you really aren't going to know how far into the
> > > animation it is (you can find out by checking the opacity of the el,
> > > but that's probably A Very Bad Idea) so whilst it seems like the most
> > > obvious method, if you want to just stop the new mouseover func
> > > executing until the animation has finished you'd need to make the
> > > mouseover function setTimeout("yourActualFunction("+el.attr('id')+")",
> > > x) where x is the max length the anim could be.
>
> > > you might be able to do something clever with a conditional to
> > > determine if there was a menu animation happening on the initial
> > > mouseover event, and if there was checking the element now under the
> > > cursor in the callback, but since you have limited access to the
> > > callback of any existing events in progress you're always going to hit
> > > the problem of not being able to fully utilise that.
>
> > > i'd be tempted to .stop() anything that's :animated on mouseover
> > > before you start the new .fadeTo() ;)
>
> > > On Sep 25, 2:12 pm,Merlin<ngro...@fastmail.fm> wrote:
>
> > > > does nobody have an idea? :-(
>
> > > > On Sep 23, 5:13 pm,Merlin<ngro...@fastmail.fm> wrote:
>
> > > > > Hi there,
>
> > > > > I am building huge list with subcategories in each category that fade
> > > > > out once the mouse is placed over the category. It works great, BUT
> > > > > the problem is, if your mouse goes down the list vertically and the
> > > > > subcategories are fiew, then the obove subcategories fade out and your
> > > > > mouse is over the next category which is causing the next menu to fade
> > > > > in.
>
> > > > > I would need a way to make jquerywaitto fade out the next menüuntil
> > > > > the last one has disapeared. An area would be good, if the mouse
> > > > > leaves the subcategory area fade out or similar.
>
> > > > > Do you believe the callback function might be a solution? I could not
> > > > > think about how. Here is the code I am using:
> > > > > onmouseover="$('#51').slideToggle('fast');$('.subcategories:not
> > > > > (#51)').hide(700);"
>
> > > > > Thank you for any help!!
>
> > > > >Merlin
