jquery是否通过单击父类来切换子div打开？

我的div类“select”出现了5次

<select>
<option_underlay> - css display:none
<select>
<option_underlay> - css display:none
<select>
<option_underlay> - css display:none
<select>
<option_underlay> - css display:none
<select>
<option_underlay> - css display:none

-css显示：无
-css显示：无
-css显示：无
-css显示：无
-css显示：无

在每个“选择”div下面还有一个子div，名为“选项\参考底图”

我使用jquery的方式如下：

<script>

$(".select").click(function()
{
    $(this).parent().next('.option_underlay').toggle();

});

</script>

$（“.select”）。单击（函数（）
{
$（this）.parent（）.next（'.option_underlay'）.toggle（）；
});

这是通过打开/切换父div“select”下的相应div来实现的。因此，如果用户单击顶部的“选择”，则顶部的“选择”div下的“选项\u参考底图”将打开

这很好，我对结果很满意。因此，如果用户单击顶部div“select”并切换/打开下面的“option\u underlay”div

但现在，如果他们在不关闭第一个“选项\参考底图”的情况下转到第二个“选择”div，他们将出现两个“选项\参考底图”，一个在第一个“选择”下方，另一个在第二个“选择”下方

那么，在用户移动到第二个选择后，如何关闭第一个“选项\参考底图”？所以一次显示的“选项\参考底图”不能超过一个

---

希望有人能对此提供帮助，提前谢谢。

请提供一个实际的HTML示例，以便可以模拟答案（例如，在JSFIDLE或代码片段中）：）您有

选项\u参考底图作为
元素
，但在代码中将其称为
类
。
$（this）。查找（'.option\u underlay'）。切换（）？@Arun P Johny：“underwever”在问题中是不明确的。显示的HTML无效/不完整。$（this）.parent.find（'.option_underlay'）.css（'display'，'none'）；然后切换正确的。选项\u参考底图。我想您也可以使用.hide（）而不是.css（'display'，'none'）。