PDA

View Full Version : Animated Collapsible DIV v2.2



petezarustica
05-26-2009, 10:49 AM
1) Script Title: Animated Collapsible DIV v2.2

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

3) Describe problem:

Hi all,

is there any way of making the animated collapse NOT push the content down?

By default, when I expand it, it pushes all the content down. I'd like this content to stay, and the expansion to overlay it :)

Any suggestions?

Thanks in advance
PZ

ddadmin
05-27-2009, 07:05 AM
Hmm the only quick way I can think of is basically to put the all the collapsible DIVs inside an absolutely positioned DIV.

petezarustica
05-27-2009, 08:05 PM
I tried that, but then the collapsed animation scrolls BELOW the content.

Then I tried to z-index each div, trying to re-arrange an order - it didn't work :(

ddadmin
05-28-2009, 05:27 AM
You should give the absolutely positioned DIV that contains the contents a high z-index. Doing this on the individual contents won't have any effect relative to the rest of the page.

ChrissehB
05-28-2009, 08:20 PM
Okay. so I'm using this script so I mayaswell use this post...

Anyways.. I want it so that instad of clicking you hover over it and it opens and then after a couple of seconds when your not on it, it automatically collapses...

Any ideas? I've got it to open with the onmouseover"the javascript bit".

Thanks, Chris

EDIT: Damnit... Also, how can I make it so its horizontal instead of vertical? Right because I'm using tabs and when you hover over a tab, the tab slides down with a menu on top.

Thanks, Chris