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;
}

显然，这显示了＆＃34;扩展＆＃34;当您点击其中任何一个时，所有3个div的div。有没有办法将this合并到选择器中。像this'.expand'？

这样的东西

谢谢！

Answer 1

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

Answer 2

你应该添加一个小提琴以获得更好的答案。但是这样的事情应该有效。

$("#something").click(function(){$(this).children("section").toggle();});

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

2 个答案: