Pourquoi jQuery prochaine ne peut pas trouver la prochaine div?

Je veux créer une page pour les Faq et utilisé jQuery pour afficher chaque réponse. Mais il ne fonctionne pas.
Le format de chaque question-réponse est comme ceci:

<div><a href="javascript:void(0)" class="expand">First Question</a></div>
<div class="answer" style="display:none">First Answer</div>

Et le jQuery, le code que j'ai utilisé est:

$(".expand").click(function(){
    $(this).next('.answer').slideToggle();
});

Est-ce mal? Vous pouvez voir son jsFiddle trop.

OriginalL'auteur Mohammad Saberi | 2013-10-27

  1. 19

    Les deux éléments ne sont pas au même niveau, pour next() de travail.

    Essayez ceci:

    $(".expand").click(function(){
    $(this).parent().next('.answer').slideToggle();
});

    Voici un mis à jour le violon pour votre référence

    Merci @Karthikr ...
    Heureux, il a aidé ..
    Comment utiliser les sélecteurs pour ce - jsfiddle.net/8HH9L/4 je veux cacher les lignes sélectionnées dans la table après que le bouton...
    Veuillez vous référer à cette jsfiddle - jsfiddle.net/8HH9L/5

    OriginalL'auteur karthikr

  2. 3

    Parce que jQuery.next() l'accaparement des frères et sœurs, la div vous essayez d'obtenir est le parent de frère ou sœur, pas l'enfant.

    OriginalL'auteur Cameron Askew

  3. 2

    Bien $(this) est un élément, et il n'y a pas de frères et sœurs à cet élément. Si vous voulez la div, utilisez parent:

    $(this).parent().next()

    OriginalL'auteur Peter van der Wal