Modificar el default de este codigo

[oscarva]

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

[HemeAqui]

En tu código HTML

Código:

div><a href="#" onClick="hidediv('changecolors');return false;">Change Colors</a></div>
<div style="display: none;" id="changecolors" class="changecolors">Contenido</div>

HA

[Cap.Buscapina]

Iniciado por oscarva

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.

para eso no es necesario Javascript, solo basta con poner dentro de la etiqueta del div

style="display:none"

saludos

<editando> me se demoré 36 segundos.</editando>

[oscarva]

jaja si asi es XD muchas gracias a los dos a veces la solucion es tan simple que uno no la ve.

Gracias