jQuery $(this).ne trouve pas de travail

Je fais un accordéon avec une longue liste d'articles.

J'ai le jQuery de travail lorsque j'utilise la suite, seulement c'est slideUp/Bas de chaque article sur la page:

$('article a').click(function() {
    $('article').find('h3').slideToggle('fast');
});

En théorie, cela devrait fonctionner, mais il ne veut pas faire une chose:

$('article a').click(function() {
    $(this).find('h3').slideToggle('fast');
});

Vous pouvez voir une démo ici: http://jsfiddle.net/CfqGG/

Où vais-je tort?

OriginalL'auteur theorise | 2011-02-17

  1. 15

    En théorie, cela devrait pas travail en raison de votre événement click, this se réfère à la <a>, pas la <article>, parce que votre événement click est lié à <a>.

    Essayez ceci:

    $('article a').click(function() {
    $(this).parent().find('h3').slideToggle('fast');
});

    OriginalL'auteur BoltClock

  2. 6
    $(this).siblings('h3').slideToggle('fast');

    this se réfère à la a élément, et find recherche d'un élément dans le descendants. h3 n'est pas un descendant, mais un frère ou une sœur.

    OriginalL'auteur Gidon

  3. 2

    Vous avez besoin de ceci:

    $('article a').click(function() {
    $(this).closest('article').find('h3').slideToggle('fast');
});

    Découvrez la DÉMO

    OriginalL'auteur Sarfraz

  4. 1

    Dans votre code, $('article a') et par la suite $(this) est à la recherche à l'intérieur de l'ancre.

    OriginalL'auteur TNC

  5. 0

    Voici les mises à jour du code, check it out, vous devez spécifier le son de la fratrie, des acclamations

    $(document).ready(function() {    
    //hides articles
    $('article h3').hide();  
    //article accordian
    $('article a').click(function() {
        $(this).siblings('h3').slideToggle('fast');
    });
});

    OriginalL'auteur user2514927