how to overlap some text with a div on toggle?

rubyonrails-talk
1

Hey all,

I use a toggle effect this way:

<%= link_to_function "edit this item", "Element.toggle('editdiv')" %> <div id="editdiv" style="display:none"> blabla <br> </div> <br> roror <br>

that works great but I would like the content of editdiv to overlap the text that comes next, in other words I want blabla to overlap roror because for now, when I click on "edit this item" , roror goes down to make room for blabla. Any idea how to do this?

thanx in advance

Pat

2

Patrick Aljord schrieb:

the text that comes next, in other words I want blabla to overlap roror because for now, when I click on "edit this item" , roror goes down to make room for blabla. Any idea how to do this?    For overlapping you must use the z-index css property and the div must have an absolute position.

Tobias

3

ok thanx a lot. I came up with something like this: <div id="editdiv" style="display:none;position:absolute; background-color:white; z-index: 1; "> blabla <br> </div> <div id="editdiv" style="position:absolute;z-index: -1;"> roror <br> </div>