[SOLUCIONADO] Mostrar/Ocultar en Javascript

[juanitoalimana]

Hola! He hecho a través de un tutorial una función para Mostrar y Ocultar un texto con un botón de "Click aquí para leer más...", me salió todo bien, el problema es que quiero que cuando cargue la página muestre el texto oculto, apenas cargo la página sale todo el texto y quiero que aparezca oculto para darle al boton de Leer más.

Este es el JS:

Código:

<script type="text/javascript">
function toggleMe(a){
var e=document.getElementById(a);
if(!e)return true;
if(e.style.display=="none"){
e.style.display="block"
}
else{
e.style.display="none"
}
return true;
}
</script>

y este es el HTML:

Código:

<div id="texto">
   <h1>Título</h1>
     Aquí va el texto que se muestra primero
<br>
<br>
<input type="button" onclick="return toggleMe('para1')" value="Click aquí para leer más..." class="boton1"><br>

<p id="para1">
     Y este es el texto que debería estar oculto...
</p>	
</div>

No pongo el CSS porque no importa, sólo le puse colores al botón.

Ahora, cómo hago para que no se muestre el texto oculto al cargar la página? No se mucho de javascript. Saludos y gracias de antemano!

[carlos_belisario]

el tema es que el

Código HTML:

<p id="para1">
 

debería cuando cargues estar en display none que es lo que haces para que se oculte

[juanitoalimana]

Iniciado por carlos_belisario

el tema es que el

Código HTML:

<p id="para1">
 

debería cuando cargues estar en display none que es lo que haces para que se oculte

Qué grande!! muchas gracias bro!