Question

As shown on jsfiddle, clicking on top, it toggles the <div> below.

What I tried to do is this: On clicking “TOP”/ black box,
that div and the div below should come up and overlay on text.

As #ppForm <div> pushing #we <div> to open upwards vertically.

It is when #ppForm opens it should push the div upwards vertically…

Answer 1

Modified the style of these two elements and now it seems to work as needed:

.wrapper {
    position:relative;
}

#ppForm {
    position:absolute;
    bottom:120%; /* instead of top:0; */
}