Buenas tardes.
Tengo un problema al intentar hacer un índice desplegable. Encontré este código para hacer lo que quiero hacer, el problema está en el texto al que hay que darle click para mostrar y ocultar. Según esto, aparece un más y un menos ¿cómo lo cambio para que al mostrar u ocultar permanesca el título que yo quiero poner, de manera que la función no se vea alterada para poner más de un título desplegable?
<html>
<head>
<script>
function mostrar(enla) {
obj = document.getElementById('oculto');
obj.style.display = (obj.style.display == 'block') ? 'none' : 'block';
enla.innerHTML = (enla.innerHTML == '-') ? '+' : '-';
}
</script>
</head>
<body>
<a href="#" onclick="mostrar(this); return false" />
Título</a>
<div id="oculto" style="display:none">
Acá va lo que quiero poner
</div>
</body>
</html>
Es decir, quiero hacer algo así:
-Pepe (y que al dar click ahí se despliegue un contenido)
-Pepa (y que al dar click ahí se despliegue un contenido diferente)
-etc...
-etc...