[thelist] basic DHTML - collapsing DIVs

[Ben Phillips]

i am trying my hand at some DHTML. i basically have a number of DIVs in
sequence, and have a button on each that shows/hides each DIV.

<input type="submit" onClick="toggle('a')">
<div id="a">
  div content
</div>

<input type="submit" onClick="toggle('b')">
<div id="b">
  div content
  <input....
</div>

i have written code that shows and hides the contents of each div, but i
would like each div to collapse as well, so that the div below it is moved
up.

example:

--DIV A--
--DIV B--
--DIV C--

if i hide DIV B, this happend...

--DIV A--

--DIV C--

i would like this to happen...

--DIV A--
--DIV C--

any pointers and tips welcome...

benji
inchima.com