Afficher/Masquer l'élément avec jquery

J'ai élément (div),

Nommé: element1, element2, element3

Par défaut : element1 est visible, element2 est visible, element3 est caché

Voici le code que j'utilise

<script type="text/javascript">
    $(document).ready(function () {
        $('#element3').hide();
        $('#element1').click(function () {
            $('#element3').toggle(400);
        });
    });
</script>

J'utilise le code ci-dessus pour faire element3 est visible que lorsque je clique sur element1.

Ma question

  1. Comment faire element2 est caché et l'élément 3 est visible lorsque je clique sur
    sur element1?
  2. Comment puis-je revenir à la valeur par défaut après je clique à nouveau dans element1?
pourquoi n'avez-vous pas lu le manuel? (ce n'était pas mon bas de vote)

OriginalL'auteur wawanmadda | 2013-04-20

  1. 9

    Essayer

    $(document).ready(function () {
    $('#element3').hide();
    $('#element1').click(function () {
        $('#element3').toggle(400);
        $('#element2').toggle(400);
    });
});

    Démo: Violon

    Je vais avoir à downvote. en jQuery 1.9, qu'ils ont quitté .toggle() puisqu'il a été retiré.
    ils l'ont enlevé pour le clic de la bascule, mais de ne pas les afficher, de masquer bascule
    Afficher/masquer la version de toggle est vivant et bien: api.jquery.com/toggle Vous êtes en train de penser de tous les-autres-cliquez sur toggle: api.jquery.com/toggle-event
    Très bien, j'ai éditer mon downvote. Cette solution fonctionne.
    C'est ce que je cherche,..désolé pour ma question stupide coz je suis très débutant en jquery/javascript

    OriginalL'auteur Arun P Johny

  2. 2

    Vous pouvez utiliser ci-dessous la solution à votre problème:

    Selon vos besoins, lorsque vous cliquez sur element1 puis element3 et element2 bascule respectivement dans chaque autre cliquez sur. Ci-dessous le code qui devrait résoudre votre problème.

    $(document).ready(function () {
    $('#element3').hide();
    $('#element1').click(function () {
        $('#element3').toggle(400);
        $('#element2').toggle(400);
    }); 
});

    Également se référer à ce lien pour plus d'informations.

    OriginalL'auteur nilesh panchal

  3. -2

    Essayer cette

    <script>
     $(document).ready(function(){
       $('#element1').click(function(){
         $('#element3').toggle();
         $('#element2').toggle();
       }); 
    });
</script>
    -1: la même réponse a été posté il y a 8 min
    Ainsi, de la même autre que les autres répondre à des cours de droit et que celui-ci est un no-op (document ne devrait pas être entre guillemets).

    OriginalL'auteur Nabil