单击打开所有div而不是一个

Question

我是jQuery的新手，我正处于小危机中。

$(document).ready(function(){
    $(".help_box").click(function(){
        $(".help_box_answer").toggle(400);
    });
});

这是HTML本身

<div class="help_box">
    <div class="help_box_title">title box</div>
        <div class="help_box_answer">
            <p>Hidden message</p>
        </div>
</div>

class="help_box_answer"设置为display:none

当我点击div时，会发生这种情况

Answer 1

使用this仅引用您点击的元素，而不是所有具有相同类的div：

$(document).ready(function(){
    $(".help_box").click(function(){
        $(this).find(".help_box_answer").toggle(400);
    });
});

<强> jsFiddle example