Bascule de l'élément suivant (jQuery)

HTML:

<div class="interview">
    <h4>Interview</h4>
    <a href="#" class="question">This is question 1?</a>
    <div class="answer">This is an answer!</div>
    <a href="#" class="question">This is question 2?</a>
    <div class="answer">This is an answer!</div>
    <a href="#" class="question">This is question 3?</a>
    <div class="answer">This is an answer!</div>
</div>

jQuery:

if ($('interview')[0]) {
    $('interview .question').toggle(function () {
        $(this).next('.answer').slideIn();
    },
    function () {
        $(this).next('.answer').slideOut();
    });
}

... Je ne peux pas comprendre pourquoi ça ne fonctionne pas.

OriginalL'auteur 3zzy | 2010-01-25

  1. 6

    L'esprit de la dot:

    .interview

    Aussi, il n'y a pas de slideIn, essayez slideDown et slideUp: http://jsbin.com/ajawo3

    Si vous ne disposez d'aucun autre code de ces fonctions, un meilleur choix est slideToggle: http://api.jquery.com/slideToggle/

    Ah, merci! Toujours pas de travail. Hmm...
    Bon, travaille avec .show() mais pas slideIn(). Étrange

    OriginalL'auteur Kobi

  2. 1

    Vous êtes à l'aide d'un sélecteur de classe et il devrait commencer par une .

    Donc, vous avez à changer 

    $('interview .question')

    à

    $('div.interview .question')

    OriginalL'auteur rahul

  3. 1

    Heres une version simple...

    $('a.question').click(function () {     
    $(this).next('.answer').slideToggle();
});

    OriginalL'auteur Jack Barham