visibility e display per apparire e sparire

[eryedie]

domanda che spero sia piuttosto semplice: sto utilizzando questo script, per far apparire e sparire una parte di testo quando clicc o su un bottone:

<script>
function script2() {
var e = document.getElementById("pippo");
if (e.style.visibility == 'hidden') {
e.style.visibility = 'visible';
e.style.display = 'block';
} else {
e.style.visibility = 'hidden';
e.style.display = 'none';
}
}
</script>

<div id="pippo">
Io scompaio e appaio!
</div>
<input type="button" value="Clicca per far sparire/ricomparire" onClick="script2()" />

quello che vorrei sapere è se è possibile fare in modo che quando la pagina carica, l'elemento "pippo" è NASCOSTO...(al momento succede al contrario)...

grazie 1000

[cavicchiandrea]

<div id="pippo" style="visibility:hidden">

[eryedie]

grazie 1000 immaginavo fosse semplice....l'unica cosa è che la prima volta devo dare doppio click al bottone perché faccia apparire il testo...si può risolvere?

[cavicchiandrea]

prova cosi:
if(e.style.visibility == 'hidden' || e.style.visibility == undefined)
oppure cosi:
if(e.style.visibility == 'hidden' || e.style.visibility == '')