Ocultar y mostrar div

[manumaf]

Miren tengo el siguite script:


<script type="text/javascript">
function mostrardiv() {

div = document.getElementById('flotante');

div.style.display = '';

}

function cerrar() {

div = document.getElementById('flotante');

div.style.display='none';

}

</script>


Bastante simple.


El codigo HTML:

<div id="mostrarDiv"><a href="javascript:mostrardiv();">Mostrar Div</a></div>
<div id="flotante" style="display:none;"> Este es un div flotante <br><a href="javascript:cerrar();"> presiona aquí para cerrar</a> </div>


Mi problema es todo funciona bien cuando le ago clic se habre. Pero si quiero varias divs osea tengo que crear un script por cada una?


La duda mayor es que si ago eso, se pone lenta la pagina al tener mucho codigo javascript?

[mauricioadrian]

<script type="text/javascript">
/* Función importante para la mezcla fichas de entrada y salida */
function ocultar_pestania(idname){
document.getElementById(idname).style.display = 'none';
}
function mostrar_pestania(idname){
document.getElementById(idname).style.display = 'block';
}
</script>

[manumaf]

Y el codgio HTML osea el del div como deveria acomodarlo?

[tulises16]

<div id="mostrarDiv"><a href="javascript:mostrardiv('flotante');">Mostrar Div</a></div>
<div id="flotante" style="display:none;"> Este es un div flotante <br><a href="javascript:cerrar();"> presiona aquí para cerrar</a> </div>

[manumaf]

Claro ya entendi, muchisimas gracias :)