Javascript jQuery切换函数不能按预期与每个单击函数一起工作

我试图在单击某个元素后隐藏该元素的

+详细信息

，并显示

xClose

，反之亦然，但它不起作用。此外，当我单击

+详细信息

时，所有div都会打开，即使我使用了

each（）

函数。当您单击

xClose

时，我希望显示

eventInfo

文本，但我甚至无法显示

xClose

文本

$（'.openInfo'）。每个（函数（索引）{
$（此）。单击（函数（）{
$（'.eventInfo'）.toggleClass（'show'）；
$（'openInfo'）。toggleClass（'hide'）；
$（'closeInfo'）.toggleClass（'show'）；
});
});
$（'.closeInfo'）。每个（函数（索引）{
$（此）。单击（函数（）{
$（'.eventInfo'）.toggleClass（'show'）；
$（'closeInfo'）.toggleClass（'hide'）；
$（'openInfo'）.toggleClass（'show'））
});
});
.event{
边缘底部：30px；
}
.eventInfo、.closeInfo{
显示：无；
}
.表演{
显示：块；
}
.隐藏{
显示：无；
}

+详细信息
Lorem ipsum door sit amet，concetetur adipiscing elit.Lorem ipsum door sit amet，concetetur adipiscing elit.Lorem ipsum door site amet，concetetur adipiscing elit
xClose
+详细信息
Lorem ipsum door sit amet，concetetur adipiscing elit.Lorem ipsum door sit amet，concetetur adipiscing elit.Lorem ipsum door site amet，concetetur adipiscing elit
xClose
您需要将单击侦听器附加到
.closeInfo
和
.openInfo
中，然后在事件内部，需要附加到其父级
.event
中的类


$（'.closeInfo、.openInfo'）。在（'click'，function（）上{
让$closestEvent=$（this）.closest（'.event'）；
$closestEvent.find（'.eventInfo、.closeInfo、.openInfo'）.toggle（）；
});
.event{
边缘底部：30px；
}
.eventInfo，
.closeInfo{
显示：无；
}

+详细信息
Lorem ipsum door sit amet，concetetur adipiscing elit.Lorem ipsum door sit amet，concetetur adipiscing elit.Lorem ipsum door site amet，concetetur adipiscing elit
xClose
+详细信息
Lorem ipsum door sit amet，concetetur adipiscing elit.Lorem ipsum door sit amet，concetetur adipiscing elit.Lorem ipsum door site amet，concetetur adipiscing elit
xClose
您需要将单击侦听器附加到
.closeInfo
和
.openInfo
中，然后在事件内部，需要附加到其父级
.event
中的类


$（'.closeInfo、.openInfo'）。在（'click'，function（）上{
让$closestEvent=$（this）.closest（'.event'）；
$closestEvent.find（'.eventInfo、.closeInfo、.openInfo'）.toggle（）；
});
.event{
边缘底部：30px；
}
.eventInfo，
.closeInfo{
显示：无；
}

+详细信息
Lorem ipsum door sit amet，concetetur adipiscing elit.Lorem ipsum door sit amet，concetetur adipiscing elit.Lorem ipsum door site amet，concetetur adipiscing elit
xClose
+详细信息
Lorem ipsum door sit amet，concetetur adipiscing elit.Lorem ipsum door sit amet，concetetur adipiscing elit.Lorem ipsum door site amet，concetetur adipiscing elit
xClose
需要记住的要点：（1）jQuery方法（例如toggleClass）将影响与指定选择器匹配的所有元素，例如.eventInfo。（2） “closeInfo”和“openInfo”选择器无效，因为它们缺少类点。注意：（1）jQuery方法（例如toggleClass）将影响与指定选择器匹配的所有元素，例如.eventInfo。（2） “closeInfo”和“openInfo”选择器无效，因为它们缺少类点。符号