mostrar/ocultar divs

Hola,
me gustaria saver como ocultar/mostrar un div PERO que ademas, el "espacio que ocupa" tambien desapareciese, es decir, dreamweaver tiene su funcion para mostrar/ocultar divs, que es la que ando utilizando pero, si tengo un div enmedio de la pagina, y lo oculto, solo hace eso, ocultar el div, y el espacio que ocupa ese div, sigue estando hay, es simpemente como si borrar el contenido y lo sistituiera por <br> 's y lo que quiero es precisamente que al ocultar el div, mi contenido "suba" como si ese div no existiera

una ayudita?
gracias

El estilo que se aplica a un elemento para que no ocupe espacio es

Código :

display:none;

Seguramente DW hace una función Javascript, deberias adaptarla.

y... esto... para aplicarselo cuando lo oculto?

Bueno, la idea básica es que la función se fije cual es el display actual del elemento y aplique el display correspondiente.
Lo podes lograr con la siguiente función, pero no se si es la mejor manera. Te recomiendo que checkees jQuery, es muy sencillo y útil.

Código :

<script language="Javascript" type="text/javascript">
   function mostrarOcultar(elemento){
      var elemento = document.getElementById(elemento);
      elemento.style.display = elemento.style.display == "none" ? "inherit" : "none";
   }
</script>

Código :

<div id="ocultar">Se oculta</div>
<a onclick="mostrarOcultar('ocultar');">Ocultar</a>

grax! lo probare

oies, que es mejor
<a onclick="">
o,
<a href="javascript:"
o,
<a onclick="" href ="#"

yo hise algo asi a la rapida, debe haver alguna solucion sin usar js
http://www.doziz.cl/documentacion/

Yo tengo un problema con IE, hice un div flotante de posicion absoluta que contiene un SWF, al cual abro y cierro con las funciones de java script aqui mencionadas, pero resulta que cuando cierro el div (con la funcion que llama al display= none), efectivamente desaparece, pero el SWF se sigue ejecutando. Y si quiero volver a abrir el div flotante, se abre pero veo que el SWF sigue ejecutado "en el mismo lugar" cuando lo cerre. Por ejemplo, digamos que mi swf tiene un video que dura 5 minutos; le doy clic al boton que me abre el div flotante que contiene el SWF que lleva el video, supongamos que lo cierro a los 2 minutos, se sigue oyendo el audio del video, y si lo vuelvo a abrir al minuto despues, resulta que me aparece el video en el minuto 4 (osea no se detuvo, siguio ejecutandose). Esto solo me pasa en Internet Explorer, los demas navegadores detienen la ejecucion del SWF al cerrarlo y reinicializan el SWF de modo que se ejecute desde el principio sin importar cuantas veces lo abra y lo cierre. ¿Que es lo que debo hacer? ¿Hay algun codigo para IE que haga que el SWF al momento de cerrar el div flotante tambien deje de ejecutarse? Cualquier aporte es bien recibido. de antemano Gracias.

Ese comportamiento es propio del IE. Hasta donde sé, tienes que vivir con ello...

No, no "hay que vivir con ello", es muy facil copiar el HTML y crear el elemento cada vez que se desaparece el div.

Código Javascript :

window.onload = function(){
   window.contenedor = document.getElementById("flashContent");
   contenedor._realHTML = contenedor.innerHTML
}
   
function cerrarSWF(){
   contenedor.innerHTML = ""
   contenedor.style.display = "none"      
}
   
function abrirSWF(){
   contenedor.innerHTML = contenedor._realHTML  
   contenedor.style.display = "block"            
}

Código HTML :

  <a onclick="cerrarSWF()">Cerrar SWF</a>
  <a onclick="abrirSWF()">Abrir SWF</a>

Suponiendo que el div que contiene el flash tiene ID "flashContent"[/quote]

Ingenioso