Hola, soy un ignorante total en javascript.
Quiero hacer una página con un vídeo de fondo, y con unos links en la parte superior, que al pulsar en cada uno de ellos me muestre un div encima del vídeo y que luego pueda cerrarlo.
Encontré un código para mostrar y ocultar un div que me funciona:
<script>
function mostrardiv() {
div = document.getElementById(‘flotante’);
div.style.display = ”;
}
function cerrar() {
div = document.getElementById(‘flotante’);
div.style.display=’none’;
}
</script>
<div id=”mostrarDiv”><a href=”javascript
:mostrardiv();”>Mostrar Div</a></div>
<div id=”flotante” style=”display:none;”> Este es un div oculto <br><a href=”javascript
:cerrar();”> presiona aquí para cerrar</a> </div>
-------------------
Mi pregunta es la siguiente. ¿Cómo hago para mostrar/ocultar más div?
La manera 'cutre' sería duplicar el código javascript y cambiar las id de los divs, pero no sé si metiendo tanto javascript ralentizaría la página al cargar.
Un saludo y gracias.