Comment cacher un bloc HTML via un double clic ?

Réponses rédigées par Antoine
Dernière mise à jour : 2019-01-24 17:17:09
Thèmes : html - jquery
Question

J'ai une balise HTML :

<div>du texte</div>

Je voudrais que lorsqu'on double-clique dessus, le bloc disparaisse.

Réponse

Tu peux utiliser jQuery et l'évènement dblclick() pour cacher ou afficher un bloc HTML via un double-clic :

Tu ajoutes la librairie jQuery à ta page, puis tu adaptes le code suivant à tes besoins.

<script>
$(document).ready(function(){
  $("div").dblclick(function(){
    $(this).hide();
  });
});
</script>

$(this).hide() cache l'élément alors que $(this).show() pourrait l'afficher.