Animated Collapsible DIV
Problem: I have three DIV's that slide down, problem is that if one is already down, and someone clicks on another, it simply extends the DIV's vertically.
Problem is that it looks ridiculous, and if you click fast enough (before the animation finishes) you can still extend the DIV's too far vertically.
I was hoping there was a better way to 'clear' the area before another DIV slided down.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<link rel=StyleSheet href="master.css" type="text/css" media="all">
<p>Content Area for Movies</p>
<p>Content Area for Photos</p>
<p>Content Area for a Resume</p>
Var Collapse Code
The Original 'Animated Collapsible DIV' code has been left untouched.
//Syntax: var uniquevar=new animatedcollapse("DIV_id", animatetime_milisec, enablepersist(true/fase), [initialstate] )
var collapse2=new animatedcollapse("movies", 1000, true)
var collapse3=new animatedcollapse("photos", 1000, true)
var collapse4=new animatedcollapse("bio", 1000, true)
*edit* Any help??? I would be greatly appreciative. I haven't found any write-ups on this problem in the forums already.