Ver Mensaje Individual
  #1 (permalink)  
Antiguo 25/09/2010, 17:35
Anonimo12
 
Fecha de Ingreso: abril-2009
Ubicación: En foros del web, normalmente en Web general, HTML y CSS.
Mensajes: 258
Antigüedad: 15 años
Puntos: 3
Modificaciones en desplegable en entradas.

Buenas a todos:

Vengo para plantearles una nueva cuestión que tengo en un botón desplegable. El código es el siguiente:

Código:
<script type="text/javascript">
function capa(op){
document.getElementById('Capa').style.display = (op==1)?'block':'none';
}
</script>
<a href="#" onclick="capa(1)">Mostrar</a>
<div id="Capa">Aquí van los datos.</div>
<a href="#" onclick="capa(0)">Ocultar</a>
El botón de este modo funciona correctamente, cuando le das clic a "Mostrar" se muestran los datos y cuando le das a "Ocultar" se cierra. Ahora, intento hacer dos modificaciones pero no surjen efecto:

1- Quisiera que al entrar en la entrada saliera oculto de primeras y no desplegado.
2- También quisiera que un mismo botón sirviera tanto para mostrar como para ocultar, es decir: Sale oculto y solo se ve el bóton, un clic se muestran los datos, otro clic al mismo botón se ocultan.

Sé que no es algo muy complicado y he makeado a mi gusto otros scripts pero en este no me funciona por eso les pregunto, agradezco por adelantado las respuestas, saludos.