JSFiddle - React, Tailwind, and code Playground

by dom0796

HTML

<script type="text/javascript" >
       //le style du div suivant inique display:none, ce qui signifie que le div est masqué d'avance
    // la fonction suivante va justement permettre de l'afficher.
 
   function afficher(){
       
        $('#mon_text').slideToggle(1000);
        // cela enroule ou déroule le bloc "mon_test" en 1 seconde.
   }
</script>
<a href="javascript:afficher();" > Afficher/Masquer </a><br /><br />
<div id="mon_text" style="display:none;background-color:beige;" >
  Bonjour, ceci est mon texte !
  Par défaut, il est masqué, mais quand vous cliquerez sur le lien ci-dessus,<br />
  cela va appeler la fonction afficher(), qui déroulera ou enroulera ce texte.<br />
  Faites l'essai, il n'y a plus qu'à recopier ce code pour le tester !<br />
</div>