2 opciones en una opcion

[kk_kill]

Holaa a todos mi primer mensaje queria preguntarles esto...

como puedo hacer que x ej: ponga Hola y salga abajo:

Hola:
Hola1
Hola2

y si haces otro click en Hola se cierre Hola1 y Hola2...

espero haberme explicado bien...

[_cronos2]

Código HTML:

<a href='#' onclick="document.getElementById('div').display = (document.getElementById('div').display == 'none') ? 'block' : 'none';">Hola:</a>
<br />
<div id='div'>
Hola1<br />
Hola2
</div>
 

Saludos (:

[kk_kill]

cuando voy a ver la página sin presionar Hola: esta Hola1 y Hola2 Visibles :(

[_cronos2]

Ah pensé que tenían que estar visibles por defecto. Si no es así sólo hy que hacer una pequeña modificación:

Código HTML:

<a href='#' onclick="document.getElementById('div').display = (document.getElementById('div').display == 'none') ? 'block' : 'none';">Hola:</a>
<br />
<div id='div' style='display:none;'>
Hola1<br />
Hola2
</div>
 

Saludos :D

[kk_kill]

Iniciado por _cronos2

Ah pensé que tenían que estar visibles por defecto. Si no es así sólo hy que hacer una pequeña modificación:

Código HTML:

<a href='#' onclick="document.getElementById('div').display = (document.getElementById('div').display == 'none') ? 'block' : 'none';">Hola:</a>
<br />
<div id='div' style='display:none;'>
Hola1<br />
Hola2
</div>
 

Saludos :D

no me funcionaa.. :(

[_cronos2]

A mí tampoco, vamos a hacerlo de otra manera:

Código HTML:

<script type="text/javascript">
algo = 0;
</script>
<a onclick="algo++; document.getElementById('div').style.display = (algo%2 == 0) ? 'none' : 'block';">Hola:</a>
<br />
<div id='div' style='display:none;'>
Hola1<br />
Hola2
</div>
 

Saludos :D