jQuery $(this).find无效

我正在制作一个带有很多文章的手风琴.

当我使用以下内容时,我有jQuery工作,只有它会在页面上的每篇文章上滑动/关闭：

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

理论上这应该有效,但它没有做任何事情：

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

你可以在这里看到一个演示：http://jsfiddle.net/CfqGG/

我哪里错了？

解决方法

理论上这不应该起作用,因为在您的点击事件中,这指的是< a>而不是< article>,因为您的点击事件被绑定到< a>.

试试这个：

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