Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/cplusplus/151.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jQuery";这";加上CSS选择器?_Javascript_Jquery_Jquery Selectors_Selector - Fatal编程技术网

Javascript 使用jQuery";这";加上CSS选择器?

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">

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

以下是我现在拥有的:

$('.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();});