Javascript 使用jQuery";这";加上CSS选择器?
我正在写一个脚本来显示/隐藏一个div中的一个部分。我有3个具有隐藏部分的div,但希望使用一个函数来控制所有3个div 以下是我现在拥有的:Javascript 使用jQuery";这";加上CSS选择器?,javascript,jquery,jquery-selectors,selector,Javascript,Jquery,Jquery Selectors,Selector,我正在写一个脚本来显示/隐藏一个div中的一个部分。我有3个具有隐藏部分的div,但希望使用一个函数来控制所有3个div 以下是我现在拥有的: $('.rates, .hours, .otherinfo').click(function() { $('.expand').toggle(); }); 以下是HTML: <div class="rates"> <h2>Rates</h2> <div class="expand">
$('.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>
显然,当您单击其中任何一个div时,这将显示所有3个div的“展开”div。是否有办法将此合并到选择器中。类似于“这个”。展开“
谢谢 为了得到更好的答案,你应该加一把小提琴。但像这样的事情应该行得通
$("#something").click(function(){$(this).children("section").toggle();});
$(this).find('.expand').toggle()
是否仅尝试展开已单击的元素?请为其提供一些上下文。请显示相应的HTML标记。请参阅:@user3388636响应对我有效,但我将添加HTML供其他人参考。谢谢是的,谢谢。“供他人参考”确实是SO的重点。$(“.expand”,this)简称
$("#something").click(function(){$(this).children("section").toggle();});