Hola como estan. Tengo un codigo en java script el cual me permite mostrar u ocultar un div. el problema es que por defecto, es decir cuando se carga la pagina el div esta visible y lo que necesito es que el div por defecto este oculto. El codigo es el siguiente:
Código:
<script type="text/javascript">
function hidedivs(){
var arr = document.getElementsByTagName('div')
for(var i=0; i<arr.length;i++){
arr[i].style.display = (arr[i].style.display == 'block')? 'none':'block';
}
}
function hidediv(divId){
var arr = document.getElementById(divId)
if ( arr!= null ) {
arr.style.display = (arr.style.display == 'none')? 'block':'none';
}
}
</script>
Y el html seria el siguiente:
Código:
<div><a href="#" onClick="hidediv('changecolors');return false;">Change Colors</a></div>
<div id="changecolors" class="changecolors">Contenido</div>
Ya intente ejecutandolo en el body con:
Código:
onload="javascript:hidediv('changecolors');return false;"
y aunque funciona bien me daña otros scripts que se ejecutan en la pagina por lo que este metodo no me sirve.
Saludos
