Jquery 如何删除类单击内部div

我有两个div。单击其中一个按钮时，该按钮打开，另一个按钮关闭。我希望能够通过单击其他div或单击“[x]”来关闭当前打开的div。我已经让第一部分正常工作，但是当前的div只切换类，而不是在单击“[x]”后关闭

我添加了一个，以帮助更好地解释它。

在这里尝试以下代码：

---

关键是

e.stopPropagation（）

，因为[x]位于

div

切换类方法如何？我能告诉你的唯一一件事是，你仍然可以通过点击图片来关闭盒子。（不是.main元素背景，而是图像）~反正我喜欢它。这使事情简化了很多。这段代码假设您去掉了所有其他jQuery，并从CSS中删除了不再需要的任何类

jQuery

$(".main-element img, .close").click(function() {
    $(this).closest('.main-element').toggleClass("open");
});

CSS

---

我不明白你到底想要什么。。。。你的代码正在工作…？很抱歉解释得不好。当我在div（文本等）内单击时-我不希望它关闭。我只希望它在单击黄色[x]或单击另一个关闭的div时关闭。太棒了。非常感谢：）我打赌这套密码和卡尔·安德烈·加农的密码之间有着幸福的婚姻-

$(".main-element img, .close").click(function() {
    $(this).closest('.main-element').toggleClass("open");
});

.main-element {
  width:200px;
  height:200px;
}

.open   {
  height:440px;
  width:440px;
}