我正在编写一个脚本来显示/隐藏一个 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;
}
显然,当您单击它们中的任何一个时,这会显示所有3个div的“expand” div。有没有一种方法将this
纳入选择器中。类似于this'.expand'
?
谢谢!