Javascript 单击jQuery停止重新打开div

我对jQuery/JavaScript相当陌生，我想我不理解自己的代码

它的行为完全符合我的要求，但当我重新单击

.projtog

时，它会重新切换我的

.projContent

，我不希望这样。当我重新单击与其关联的

.projtog

时，我希望

.projContent

关闭。 我试着给.projContent一个布尔值，但不知道该怎么处理它

这是我的密码：

$（'div.projContent'）.css（'height'，'0vh'）；
$（'h2.projtog'）。单击（函数（）{
var$dataName_2=$（this）.data（“name”）；
$（'div.projContent'）.css（'height'，'0vh'）；
setTimeout（函数（）{
$（“#”+$dataName_2）.css（'height'，'100vh'）；
}, 290);
});
#项目部分{
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
-webkit框对齐：居中；
-ms-flex-align：居中；
对齐项目：居中；
-网络工具包盒方向：垂直；
-webkit盒方向：正常；
-ms-flex方向：列；
弯曲方向：立柱；
填充：1em；
填充顶部：0；
宽度：45vw；
最小高度：100%；
溢出y：滚动；
溢出x：隐藏；
}
.项目{
最大宽度：40vw；
颜色：#003c48；
最大高度：100vh；
}
.projtog{
文本对齐：左对齐；
过渡：所有0.2秒缓解；
}
.项目内容{
最大宽度：40vw；
最大高度：57vh；
溢出：滚动；
过渡：所有输入输出均为200ms；
位置：相对位置；
}
.投影图像{
最大宽度：40vw；
}



上述代码将切换
projContent
div.
，但。项目内容是projectX…哦，我想我明白了。。。您希望连续单击不会导致其隐藏和重新显示。那样的话。。。您需要某种条件来测试单击的是否是活动的。您可以在最后删除
projtog
类。这样事件就不会继续发生。您必须将事件稍微重写为：
$（'h2'）。在（'click'，'.projtog'，function（）{…
上添加
$（this）。removeClass（'projtong'）
。您可以通过CSS在页面加载时隐藏
projContent
div来进一步改进它，如
。projContent{display:none；}
$('div.projContent').hide();

$('h2.projtog').click(function() {
  $(this).nextAll(".projContent").toggle();
});