Animated Collapsible DIV Problem.

[bbilal]

1) Script Title:
Animated Collapsible DIV
2) Script URL (on DD):
http://www.dynamicdrive.com/dynamici...edcollapse.htm
3) Describe problem:
The script works fine but in the box where it asks to insert content I've added a flash movie and the flash movie aren't hiding under it in Firefox it is okay in internet explorer, I've used <param name="wmode" value="transparent"> command but it still aren't working. Can someone help me with this problem?

[ddadmin]

One thing worth trying is to put the Flash movie on on a separate page, then use an IFRAME that references this page as the content to collapse/expand inside your animated DIV. Then modify the script to also animate the height of the IFRAME as the DIV itself is expanding/ collapsing. There's a thread here that talks about doing this with a pdf file: http://www.dynamicdrive.com/forums/s...ad.php?t=29774

[bbilal]

how can I insted more than 1 slidder on the same page have to change something anywhere in the script?

Example:
Song 1
Rate this (script implemented)
Song 2
Rate this (now here next to song 1 I need another slidder but when I put the coding given in DD is slides the song1 slidder =S)

Anyone can help me?

[rangana]

Could you show us your code
Ideally, the name of the div should be identical:

var collapse1=new animatedcollapse("divname", 1000, false)

The one in highlight should refer to the div that you want to expand

[bbilal]

This is the code:

<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>

which code I've to add to make another animated collaspible DIV on the same page?

[Nile]

As it says at the top where the comments are:

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

If this is to complicated, just make a var that hasn't be created yet, in there the first " ". should have your div_id, the secont just be how fast with milisec and the enablepepersist, I don't know what that means.
Hope this helps.

[bbilal]

can you show me two examples with different DIV Id's so I'll get to know easily?

[Nile]

Div:

<div id="cl1">
This will collapse
</div>
<div id="cl2">
This will collapse too
</div>

Js:

var cl1=new animatedcollapse("cl1", 800, true);
var cl2=new animatedcollapse("cl2", 1000, false)

So, what ever you give the div id just put it in that slot. That should work.

[bbilal]

No it isn't working :s I've attached an image please check if I did it correctly.

[Nile]

Give the div a height:

<div id="cl1" style="height: 110px;background-color:#660000;width:250px;">
Testing
</div>