Ver Mensaje Individual
  #1 (permalink)  
Antiguo 04/06/2014, 07:06
elmono_xx
 
Fecha de Ingreso: noviembre-2011
Mensajes: 13
Antigüedad: 12 años, 5 meses
Puntos: 1
Consulta - show/hide js

Buenas, tengo una consulta.

Quiero usar en mi sitio , un show/hide . para mostrar ocultar contenido (tipo descripciones)

Hasta aqui todo perfecto.

El problema es cuando quiero usar el mismo script 2 o mas veces en la misma pagina, no logro que funcione correctamente.

les copio a continuacion el script . para ver si me dan una mano .

<script language="javascript">
function toggle() {
var ele = document.getElementById("toggleText");
var text = document.getElementById("displayText");
if(ele.style.display == "block") {
ele.style.display = "none";
text.innerHTML = "show";
}
else {
ele.style.display = "block";
text.innerHTML = "hide";
}


</script>

y aqui el codigo html.

<a id="displayText" href="javascript:toggle();">show</a> <== click 1
<div id="toggleText" style="display: none"><h1>peek-a-boo</h1></div>

¿Como seria la forma correcta para usarlo 2 o mas veces?