Bonjour a tous et a toutes :) ,

j'ai un petit souci, j'essaye de faire quelque chose de simple, mais je n'y arrive pas.
J'ai une class, et je l'ai cacher en CSS, avec la propriété display:none;

Tout va bien, en JS, je fais mon script pour que, au clique, je montre se que je cache...

Seulement, j'ai a l'interieur de ma class, j'ai deux div, et je voudrais faire le meme effet.

Voici mon code JS que j'ai fais pour mon premier effet :

$(function(){
  $(".showhide").click(function (){
    $(".showhide").toggle();
    $(".cacher").toggle("slow");
  });
});

Voici mon code html correspondant :

<div id="compte">
  <form method="post" action="index.php">
    <fieldset>
      <legend class="showhide">Gestion de votre compte</legend><legend class="showhide" style="display: none; cursor: pointer;">Gestion de votre compte</legend>

      <fieldset class="cacher">
        <legend>Connexion</legend>
        <p>
          <label for="pseudo">Pseudo : </label>
          <input type="text" name="pseudo" maxlength="40" tabindex="10" id="pseudo" />
        </p>
        <p>
          <label for="pass">Mot de Passe : </label>
          <input type="password" name="pass" maxlength="40" tabindex="20" id="pass" />
        </p>
        <p>
          <input type="submit" name="connexion" />
        </p>
      </fieldset>

      <fieldset class="cacher">
        <legend>Inscription</legend>
      </fieldset>
    </fieldset>
  </form>
</div>

En gros, je veux faire le même effet sur les bloc inscription et connexion

Voilà.

Merci d'avance pour vos réponse.

Cordialement Elo.

1 réponse


agrafik
Réponse acceptée

Salut !

Regarde le tutoriel sur l'initiation à jQuery. Tout es expliqué dedans :) .