javascript - 使用 jQuery 单击 anchor 时切换最近的内容

Question

我有这样的内容结构:

<a href="#" class="toggle_button">Click me.</a>
<p class="hidden_content">This content is toggleable.</p>

<a href="#" class="toggle_button">Click me.</a>
<p class="hidden_content">This is a different section.</p>

<a href="#" class="toggle_button">Click me.</a>
<p class="hidden_content">This section is also different.</p>

我已经发现了如何在一个部分中实现这一点，但是我怎样才能做到在我点击一个 toggle_button 时它只打开最近的 hidden_​​content 类。

Answer 1

$('a.toggle_button').click(function() {
    $(this).next('p.hidden_content').toggle();
}

http://api.jquery.com/next/