JQuery $ (это). Найти не работает

Question

Я делаю аккордеон с длинным списком статей.

У меня работает jQuery, когда я использую следующее, только он будет скользить вверх / вниз по каждой статье на странице:

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

Теоретически это должно работать, но ничего не делает:

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

Вы можете увидеть демо здесь: http://jsfiddle.net/CfqGG/

Где я иду не так?

Answer 1

В теории это должно не работать, потому что в вашем событии клика this относится к <a>, а не <article>, потому что ваше событие клика связано с <a>.

Попробуйте это:

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

Answer 2

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

this относится к элементу a, а find ищет элемент в его descendants.h3 не потомок, а родной брат.

Answer 3

Вам нужно это:

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

Проверьте ДЕМО

Answer 4

Вот код обновления, проверьте его, вам нужно указать свой брат, ура

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

Answer 5

В вашем коде $('article a'), а затем $(this) смотрит внутрь якоря.