Question

I have two stacked divs contains child elements and what i want is if I set visibility to hidden to the first div it should disppear and second div under the first one should take the place of first div by maintaining the position of child elements inside the second div.

here is the code.

<div id="wrapper">  
     <div id="first" style="top:10px; width:400px; border-style:solid;border-width:1px;">   
        A quick brown fox jumps over the lazy dog..................
</div>

<div id="second" style="top:100px;width:400px; border-style:solid; border-width:1px;">
     <div id="child1" style="margin-left:250px">
            21st, October 2011
     </div>
  </div>
<div>

Answer 1

If you do something like this:

<div id="wrapper" style="width:400px;">  
     <div id="first" style="display:none;top:10px; border-style:solid;border-width:1px;">   
        A quick brown fox jumps over the lazy dog..................
    </div>
     <div id="second" style="border-style:solid; border-width:1px;">
         <div id="child1" style="margin-left:250px">
                    21st, October 2011
         </div>
     </div>
</div>

putting the wrapper around both objects, then the second div will jump up to the first div‘s position if the first div is hidden.