hi, i am interested in using show / hide with javascript
and i came across this:

 <!-- in HEAD of document -->
<script language="javascript">
<!--
var state = 'hidden';

function showhide(layer_ref) {

if (state == 'visible') {
state = 'hidden';
}
else {
state = 'visible';
}
if (document.all) { //IS IE 4 or 5 (or 6 beta)
eval( "document.all." + layer_ref + ".style.visibility = state");
}
if (document.layers) { //IS NETSCAPE 4 or below
document.layers[layer_ref].visibility = state;
}
if (document.getElementById && !document.all) {
maxwell_smart = document.getElementById(layer_ref);
maxwell_smart.style.visibility = state;
}
}
//-->
</script>

<!-- CLICK LINK TO SHOW LAYER -->

<a href="javascript://" onclick="showhide('agent99');">click me</a>

<!-- in BODY of document -->

<div id="agent99" style="position:absolute; top:103px; left:153px;
visibility:hidden;">
your stuff to show here
</div>

and it works like how i want it but it leaves a big empty space which is for the content inside the <div>

is there someway to not have the white space
and just simply show the content of the div kinda like these sites

blog好き

and this show spoiler tag
AnimeSuki Forum - View Single Post - [Manga] Chapter 320 Discussion

thx

use display = "block" and display = "none" instead of visibility

could you be a bit more specific?
do i put this as the style? style="display:block; display:none;"

Yes

not only that try my script and you can set the position of your div anywhere in the screen.

sorry forgot to add link, Here:

http://www.runapp.com/exold/sites/fi...eshow/joe.html

Originally Posted by raptrex

could you be a bit more specific?
do i put this as the style? style="display:block; display:none;"

Not quite.

instead of visibility:hidden use display:none and for visibility:visible use display:block


with visibility:hidden the element will still take up the same space in the document just simply not be seen. By using display:none the element is not shown and will take up no space at all.