If you store the options and properties for el.animate() in el.data(), it will end up in an stack overflow.

jQuery version: 1.4.2.min

Firefox version: 3.6

The way i used it:

I stored the information in data() on pageload. When calling the animate function, i recieve them from data(), and pass them to animate().

This works, if you only call the animate function once. (e.g. to hide a div)

If you call it again in order to show the div, you will have firefox posting endless "too much recursion" errors in the console, until you close the tab.

I think i found the reason why:

Before animate() is called, the "animationoptions" object in .data() only is: { 'duration' : 150 }

After the call, there are 2 more elements in the object:

old: undefined

complete: function()

(see attached picture)

The function directs to the jQuery-core, I can't give you more information using the min-version.

Based on this information, i was able to build a workaround:

When receiving the info from data(), i clone the objects using extend(), and pass the clone to animate().

I attach an example to reproduce this.

There are 2 buttons, one calls the buggy version on a div, and one calls the version with workaround on another div. Both divs get the same information on pageload.

Make sure you try to click the buttons more then 1 time, and watch firebug console.