Using animated collapsible DIV script in multiple locations throughout page

[AshleyQuick]

1) Script Title: Animated Collapsible DIV

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

3) Describe problem: I plan on using this (example 2) multiple times on a calendar I'm creating. Does the following snippet need to be added after each instance?

<script type="text/javascript">

//Syntax: var uniquevar=new animatedcollapse("DIV_id", animatetime_milisec, enablepersist(true/fase), [initialstate] )
var collapse2=new animatedcollapse("cat", 800, true)

</script>

Also, does the number inside the href beside the word collapse, <a href="javascript:collapse2.slideit()">, need to be increased each time? I hope this makes sense?

[ddadmin]

The parts in red need to be unique for each different DIV content you're applying the script to:

var collapse2=new animatedcollapse("cat", 800, true)

For any link/ function that manipulates a DIV, it should correspond to the unique variable for it, in this case, "collapse2":

<a href="javascript:collapse2.slideit()">

[AshleyQuick]

Thanks.

[Ancient]

Im just gonna tell this to those who dont understand the explanation above.
Create as many DIV's as you want but in each DIV find this line

<a style="text-decoration:none" href="javascript:collapse2.slideit()">

The piece of code marked with red corresponds to this DIV and it must be unique for each DIV you create, otherwise they wont work correctly. To make 'em work simply change the number in that piece of code to next in line. For example you have 3 DIV's on you're page then they should look like this:

 <a style="text-decoration:none" href="javascript:collapse2.slideit()">
<a style="text-decoration:none" href="javascript:collapse3.slideit()">
<a style="text-decoration:none" href="javascript:collapse4.slideit()">

As u can see I just changed the numbers. But its not all, at the end of final DIV there will be a line:

//Syntax: var uniquevar=new animatedcollapse("DIV_id", animatetime_milisec, enablepersist(true/fase), [initialstate] )
var collapse2=new animatedcollapse("cat", 800, true)

You must edit it so the other 2 DIV's will work. Its easy - just add this line

var collapse2=new animatedcollapse("cat", 800, true)

as many times as you have DIV's on you're page but changing the number in highlighted piece of coding to numbers that u gave to you're DIV's. In our case it will look like this:

//Syntax: var uniquevar=new animatedcollapse("DIV_id", animatetime_milisec, enablepersist(true/fase), [initialstate] )
var collapse2=new animatedcollapse("cat", 800, true)
var collapse3=new animatedcollapse("cat", 800, true)
var collapse4=new animatedcollapse("cat", 800, true)

Now all you're DIV's will work correctly.

[urbancool]

is there anyway to automatically close an open div when another is clicked upon?

[urbancool]

1) Script Title: Animated Collapsible DIV

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

3) Describe problem: I would like to get the DIV's on this page http://www.ascensor.co.uk/development08/paper/ to close when a new DIV is clicked upon, so no more than one can be 'open' at a time...

is this possible?

[cxcawood]

1) Script Title: Animated Collapsible DIV

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

3) Describe problem: Need to know if it is possible to expand all instances of the slider at once? even when there are multiple sets on the same page.

[ddadmin]

Urbancool and cxcawood, in the future, please start a new thread when asking your own question on a DD script.

In a nutshell, the Animated Collapsible script is up for a rewrite, and the new version most likely will do both of what you've mentioned. ETA is probably within the next 2 weeks.

[urbancool]

i apologise for my part in not starting a new thread... however, in direct response, i did also create a new thread with the same question, which it seems, everybody has bypassed completely!

[Gottaloveit]

It would be great if the next version of the animated collapsible div would allow the div to be specified as a var, so that a dynamically generated page (I.e. a list of search results) could have an animated div for each result.