PDA

View Full Version : 2 columns of Animated Collapsible Div V2.01



coombsie6
07-24-2008, 02:46 PM
1) Script Title: Animated Collapsible Div V2.01

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

3) Describe problem: I put two columns of collapsible divs on a testimonials page for a website I am building, but when I open a div in the left hand column the divs below move down like they are suppose to, but those in the right hand column move too. Is there a way to make the two columns of divs act independently from one another so opening a div in the left column doesn't affect the right column and visa-versa? This is my first post so if there is anything else I should be doing don't hesitate to let me know.

ddadmin
07-24-2008, 05:55 PM
You can try using two DIVs to create the 2 columns, floated left so they appear side by side by independent of each other's height. Something like:


<div style="width: 49%; float: left">
Left column stuff here...
</div>

<div style="width: 49%; float: left">
Right column stuff here...
</div>

<br style="clear: left" />