asked on

Controlling a dynamically created div

So I found this script:
http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm

It is pretty nice and it helps me with a static page where all the code is "pre-written".

Problem comes when I try to use the createElement function to create a div and a link that uses the animated collapse code to expand and collapse the recently created div.

Firebug shows all the right code, but the div simply doesn't respond.

PS. When I create the div element I also specify the "animatedcollapse.addDiv('xxx', 'fade=0,speed=400,group=yyyy)" javascript

ASKER CERTIFIED SOLUTION

WabbitSeason

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

robrodp

ASKER

Thanks a lot

There is some good news and some bad news. Good news is that the dynamically added div behaves properly, the bad is that now all the other divs are immediately closed when prompted to open. Is there any way to reset the init method and the call it instead of just calling it twice? Some sort of animatedcollapse.end();

Thanks, it's been very helpful

robrodp

ASKER

It seems like I fixed it creating a new toggle function that detects if the div displayed or not and then it hides it or shows it accordingly. Will test! Thanks!

robrodp

ASKER

Would you happen to know why, when the new object is added the last clicked div automatically opens?

robrodp

ASKER

I've fixed it by adding a hidden div that has a collapsible div that is opened before hitting the animatedcollapse.init();

WabbitSeason

Getting kind of hacky :). I don't think the script was meant to work with runtime-added divs. Anyway, do you need anymore help?

robrodp

ASKER

Nop, thank you!