samedi 23 septembre 2017

jQuery "toggle", "show" et "hide" avec l'effet




Nom:

Âge:

Sexe:


Le code:
<button onclick="toggle_display()">Affichage des champs d'entrée</button>
<br />
<br />
<br />
<div id="something">
  Nom:<br />
  <input type="text" /><br />
  Âge:<br />
  <input type="text" /><br />
  Sexe:<br />
  <input type="text" /><br />
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
   function toggle_display(){
       $("#something").toggle( "slow" );
       //ou vous pouvez utiliser ça:
       //$("#something").show( "slow" );
       //$("#something").hide( "slow" );
   }
</script>

Aucun commentaire:

Enregistrer un commentaire