Loading mechanics for collapsible divs script**

[efflux]

1) Script Title: Animated Collapsible DIV -- animatedcollapse.js

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...edcollapse.htm

3) Describe problem:

Hey there. I'm quite the beginner at ajax and hardcore javascript, but I know my way around HTML and CSS pretty well.

The problem I am having with this script is the loading mechanics. You'll see that everytime the page is refreshed, the divs are loading in an expanded state, but then they collapse once everything is fully loaded. I have tried numerous different tweaks to get them to load in the collapsed state (i.e. no fixed height, persist set to true/false, adding/removing tables), but to no avail.

You can view the page here: http://360designstudio.net/Clients/c...i/members.html

Just keep hitting refresh on Firefox or IE, and you'll see what I mean.

Any ideas? I'm open to all suggestions that you think could improve the loading functions of my page.

Thanks!

[efflux]

Anyone?

[plimfec]

The code at the bottom of the script's description page says to add:

<div id="jason" style="width: 300px; background: #FFFFCC; display:none">
<b>Content inside DIV!</b>
</div>

to force the div to stay hidden. Don't know this will solve your problem, hopefully it does.

[ddadmin]

Yep, adding an inline or global CSS that targets the elements in question with "display:none" should do it.