使用jQuery"this"加上一个CSS选择器？

Question

我正在编写一个脚本来显示/隐藏div中的一个部分.我有3个这些div有隐藏的部分,但希望使用一个函数来控制所有3.

这就是我现在所拥有的:

$('.rates, .hours, .otherinfo').click(function() {
    $('.expand').toggle();
});

这是HTML:

<div class="rates">
    <h2>Rates</h2>
    <div class="expand">
        <p>Text in here is hidden by default.</p>
    </div>
</div>
<div class="hours">
    <h2>Hours</h2>
    <div class="expand">
        <p>Text in here is hidden by default.</p>
    </div>
</div>
<div class="otherinfo">
    <h2>Other Info</h2>
    <div class="expand">
        <p>Text in here is hidden by default.</p>
    </div>
</div>

和CSS:

.expand {
    display:none;
}

显然,当你点击任何一个div时,这会显示所有3个div的"扩展"div.有没有办法合并this到选择器.有点像this'.expand'？

谢谢!

Answer 1

$(this).find('.expand').toggle()