Skip to main content

Search and Top Navigation

#4924 closed bug (worksforme)

Opened October 25, 2009 01:06PM UTC

Closed November 13, 2009 02:52PM UTC

Last modified October 11, 2012 09:15PM UTC

Broken toggleClass(...) method

Reported by: sshark Owned by:
Priority: major Milestone:
Component: ui.effects.core Version: 1.7.2
Keywords: toggleClass duration Cc:
Blocked by: Blocking:


I found that if I clicked "Run Effect" in before the animation is completed, the box wouldn't animate again.

I am using FF 3.5.3 (Mac SL) and IE8.


Attachments (0)
Change History (3)

Changed November 06, 2009 02:26PM UTC by scottgonzalez comment:1

This happens because the class animations grab the current style settings before the animation begins so that it can restore them after the animation completes (since it needs to modify those settings to do the animation). By running a second class animation during an existing class animation, the second one restores the style settings at the time that the second animation began. This will contain settings for all of the properties that will be animated during subsequent animations. This would require the clear inline styles option from #3928 to make this work, and even then it wouldn't be exactly what the user expects.

Changed November 13, 2009 02:52PM UTC by scottgonzalez comment:2

resolution: → worksforme
status: newclosed

You could accomplish what you want by calling .stop(true, true) before calling .toggleClass(). I'm not inclined to change the demo.

Changed October 11, 2012 09:15PM UTC by scottgonzalez comment:3

milestone: TBD

Milestone TBD deleted