04/06/2014, 07:06
|
| | Fecha de Ingreso: noviembre-2011
Mensajes: 13
Antigüedad: 13 años 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? |