我正在制作一个带有很多文章的手风琴.
当我使用以下内容时,我有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'); });