Tengo varios enlaces (y se van agregando mas con el tiempo), cada uno me debe mostrar un div diferente con su respectivo contenido y la opcion de cerrarlo. Para un solo div me funciona, necesito de su ayuda para lograr poder abrir mas de uno, sin tener en cuenta la cantidad, ya que se va a ir agregando nuevo contenido, y nunca se muestran 2 divs a la vez.
Este es el codigo del enlace que muestra el div oculto
<a href="#" onclick="mostrarVersiculo();">2 Pedro 3, 8</a>
y el codigo javascript
<script type="text/javascript">
function mostrarVersiculo() {
var x = document.getElementById("versiculo");
if (x.style.display === "block") {
x.style.display = "none";
} else {
x.style.display = "block";
}
}
</script>
Luego tengo el div con el contenido a mostrar y su enlace para cerrar
<div id="versiculo" style="display:none">
CONTENIDO DEL DIV
<a href="#" onclick="cerrarversiculo('versiculo');">Cerrar DIV</a>
</div>
Y el javascript para cerrar el div
<script type="text/javascript">
function cerrarversiculo(versiculo) {
var e = document.getElementById('versiculo');
e.style.display = 'none';
}
</script>
Lo que necesito es hacer eso pero que me funcione con varios enlaces a medida que los vaya agregando. Como ven, tengo poco conocimiento, y uso javascript.
Muchas gracias