Annimated Collapse overrules CSS functions

[admijn]

1) Script Title: Animated Collapse

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm

3) Describe problem:

Hi all,
I've got the animated collapse script perfectly running but it seems to overrule some parts of my CSS style sheets. The :active function is not working anymore.
I have a layer that has an onclick function which changes the background of this layer. Then it's supposed to be active, but, it isnt. So the code below doesnt work:

.layer1:active {background: url(../images/layer1_active.gif) repeat-x top left;

But the :hover function IS working. So the code below does work as supposed.

.layer1:hover {background: url(../images/layer1_hover.gif) repeat-x top left;
How can I make sure that when I select an other layer by clicking it, the active layer goes back to it's original state? It seams to me that it's not staying active in the animated collapse.

[ddadmin]

By layer, do you mean the toggler control, or the DIV it's animating? The script doesn't overwrite any preexisting CSS rules, so if this is happening, it should just be the fact that the layer loses focus (hence no longer active) whenever you click on the toggler control.