JavaScript: Boton que oculta y muestra una imagen

Hola aqui les dejo un efecto de javascript muy util sobre un boton que muestra una imagen con un click y la oculta con otro click  en la misma pagina.
Si quieres ver un ejemplo clic aqui http://perustudio.com/Botonconjavascript/

El codigo si lo quieres copiar.
?????????-
Esto va antes de cerrar head
<style>
div.msghead {cursor: pointer;border-bottom: 1px solid #585858;
background: #09F;
margin-top: 2px;
margin-bottom: 1px;
padding: 12px 15px;
display: inline-block;
width: 354px;
text-align: center;
color: #ffffff;
font-size: 15px ;
font-family: Arial;
vertical-align: middle;
}
</style>
<script src=?https://dl.dropboxusercontent.com/s/rd6wo9585czu4t7/jquery.tools.min.js?></script>
<script type=?text/javascript?>
$(document).ready(function()
{
//hide the all of the element with class msgbody
$(?.msgbody?).hide();
//toggle the componenet with class msgbody
$(?.msghead?).click(function()
{
$(this).next(?.msgbody?).slideToggle(600);
});
});
</script>
????????
esto va despues de body
<center>div class=?msghead?>
Ver Foto</div>
<div class=?msgbody?>
<img src=?http://perustudio.com/wp-content/uploads/2015/01/10406791_803764319683635_4485550520098188710_n.jpg? /></div>
</center>

Si quieres descargarlo
http://www.mega.co.nz/#!x8pliQYQ!HtXrLoS8omnwPSNwsmGlB7Myo7Jbnl9ZDXMmKZD4a6c
JavaScript: Boton que oculta y muestra una imagen
5 Puntos Score: 5/10
Visitas: 981 Favoritos: 5
Ver los usuarios que votaron...
3 Comentarios JavaScript: Boton que oculta y muestra una imagen
Aqui uno que oculta un checkbox
<script type="text/javascript">
         function showContent() {
            element = document.getElementById("content");
            check = document.getElementById("check");
            if (check.checked) {
               element.style.display='block';
            }
            else {
               element.style.display='none';
            }
         }
      </script>

<label>xxx</label>

<input type="checkbox" name="check" id="check" value="xxx" onchange="javascript:showContent()">
               
<div id="content" style="display: none;">      
   <label>yyyyy</label>
   <input type="text" name="yyyy" size='20' value=''></li>
<div/>
         

 
Para dejar un comentario Registrate! o.. eres ya usuario? Accede!