tengo un codigo que muestra y oculta un texto, ok el codigo funciona perfectamente pero necesito que me ayuden ya que cuando abro el html muestra el texto oculto y yo quiero que cuando abra el html salga solo la imagen de titulo (arauca y armenia) y sea necesario darle clic para que salga el texto oculto.
aqui esta el codigo para que vean lo que ocurre y me puedan ayudar.
Código HTML:
<html>
<head>
<script>
function muestra_oculta(id){
if (document.getElementById){ //se obtiene el id
var el = document.getElementById(id); //se define la variable "el" igual a nuestro div
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; //damos un atributo display:none que oculta el div
}
}
window.onload = function(){/*hace que se cargue la función lo que predetermina que div estará oculto hasta llamar a la función nuevamente*/
muestra_oculta('contenido_a_mostrar');/* "contenido_a_mostrar" es el nombre de la etiqueta DIV que deseamos mostrar */
}
</script>
<style type="text/css">
<!--
.Estilo1 {font-family: Arial, Helvetica, sans-serif}
-->
</style>
</head>
<body>
<p><a style='cursor: pointer;' onclick="muestra_oculta('texto1')"><img src="http://i.imgur.com/Nu8ze.png"></a>
<div id="texto1">
<table width="548" border="0">
<tr>
<td width="182" valign="top" class="texton"><p class="Estilo3 Estilo1">Punto de Asistencia<br />
Persona Autorizada</p></td>
<td width="104" valign="top" class="texton"><p class="Estilo3 Estilo1">Dirección<br />
Teléfono</p></td>
<td width="104" valign="top" class="texton"><span class="Estilo3 Estilo1">S/N/Or/Oc<br />
Barrio</span></td>
<td width="140" valign="top" class="texton"><p class="Estilo3 Estilo1">Correo</p></td>
</tr>
</table>
</div>
<a style='cursor: pointer;' onclick="muestra_oculta('texto2')"><img src="http://i.imgur.com/QL98I.png"></a>
<div id="texto2">
<table width="548" border="0">
<tr>
<td width="182" valign="top" class="texton"><p class="Estilo3 Estilo1">Punto de Asistencia<br />
Persona Autorizada</p></td>
<td width="104" valign="top" class="texton"><p class="Estilo3 Estilo1">Dirección<br />
Teléfono</p></td>
<td width="104" valign="top" class="texton"><span class="Estilo3 Estilo1">S/N/Or/Oc<br />
Barrio</span></td>
<td width="140" valign="top" class="texton"><p class="Estilo3 Estilo1">Correo</p></td>
</tr>
</table>
</div>
</body>
</html>