Gente, necesito de su inconmensurable ayuda una vez más.
Resulta que estoy mostrando u ocultando un div aprovechando la propiedad display ("none" y "block"), para lo que hice una pequeña función a la que llamo desde una imagen.
Pero la verdad es que me parece un poco pobre y quisiera mejorarla.
Les muestro la función, el código HTML con el que la llamo y más abajo viene el pedido de ayuda:
Código:
<script>
function mostrarPrincipal()
{
variable1=document.getElementById("seccionPrincipal");
variable1.style.display="block";
}
</script>
Código HTML:
<img src="flecha_abajo.png" onclick="mostrarPrincipal()" title="Mostrar Sección Principal" />
<div id="seccionPrincipal" style="display: none">
hola mundo!
</div> Necesito que, por favor, me indiquen como hacer para que, cuando llamo a la función desde la imagen del ejemplo le pueda estar pasando como parámetro el nombre del div que quiero mostrar u ocultar (supongo que se lo pasaría entre paréntesis) y como quedaría modificada la función para recibir el parámetro y en la definición de la "variable1".
Desde ya muchas gracias por la colaboración que puedan prestarme.
Saludos.