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!