how to get rid of whitespace when showing/hiding divs 1

[spastica]

I have divs containg text/form elements which show and hide depending on options the user selects.

the problem is, when the divs are hidden, there is whitespace in place of wehre the divs should be, so it looks like there are huge gaps between lines on the page. is there any way to get rid of this whitespace? thanks in advance!

 

[cLFlaVA]

You are using visibility.

You want to use display.

Hides a div:

element.style.display = 'none';

Shows a div:

element.style.display = '';

*cLFlaVA
----------------------------
Lois: "Peter, you're drunk!"
Peter: "I'm not drunk, I'm just exhausted from stayin' up all night drinking!

 

[spastica]

perfect - thank you so much for all your help with these hide/show div problems i've been having - how do i vote for you as one of the most helpful tip-givers?

 

[cLFlaVA]

You just did. Thanks a lot

*cLFlaVA
----------------------------
Lois: "Peter, you're drunk!"
Peter: "I'm not drunk, I'm just exhausted from stayin' up all night drinking!

 

[spastica]

no, thank YOU!