Skip to main content
2 de 2
se añadieron 139 caracteres en el cuerpo

a mi me parece mas fácil con jquery, solo tienes que importarlo y listo Mira este ejemplo, puedes ocultar o mostrar y los eventos los defines con 1 o 2 clicks

<!--Importar la libreria jquery-->
<script type='text/javascript' 
src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<!--define las funciones cuando se presiona el elemento con selector mostrar
click (Un solo click) aplica fadeOut que oculta el elemento con selector id mostrar
y dblclick (dos clicks) que aplica fadeIn que hace visible el elemento con selector id 
mostrar-->
<script type="text/javascript">
$(document).ready(function() {
 $("#mostrar").click(function(event) {
 $("#mostrar").fadeOut();
});
$("#mostrar2").dblclick(function(event) {
 $("#mostrar").fadeIn();
 });
});
</script>

<div id="div3">
<label for="mostrar">Un click desaparece</label><br><br>
<input type="button" id="mostrar" value="1 Click">
<br><br>
<label for="mostrar">Dos clicks aparece</label><br><br>
<input type="button" id="mostrar2" value="2 Clicks">
</div>

Lo que debes tener en cuenta son los selectores que son los ID de los tags, revisa esta pagina que me parecio demasiado completa

https://norfipc.com/codigos/jquery-todos-selectores-eventos-metodos-funciones.php