Javascript 双击或单击外部时切换关闭/打开div

我几乎没有折叠的div。 单击每个元素的div后，将显示折叠的内容。仅在第二次单击同一div时，切换类“已折叠”并隐藏元素内容。我需要做的是，当我单击另一个div或外部某处时，也能够关闭显示的内容

不确定确切的java脚本，但请参与toggle类的工作

代码如下：

/*崩溃*/ $'.过滤器折叠.框标题'.live'click'，函数{ $this.closest'.box'.toggleClass'is-collapsed'； }; 尺寸 S 2 M1 颜色 白色2 红色1 黑色1

---

我建议在文档上使用另一个事件处理程序，它将is collapsed类添加到所有可折叠元素中——如果单击了一个，则忽略框本身

/*崩溃*/ $document.onclick，function e{ //除了单击了一个框本身之外，将折叠的添加到所有框中。 var currentTargetBox=$e.target.closest'。过滤器折叠.box'； $'.filters collapse.box'.notcurrentTargetBox.addClass'is-collapse'； }; $document.onclick，'.filters collapse.box heading'，函数E{ //开关已折叠 $this.closest'.box'.toggleClass'is-collapsed'； }; .box.is-collapped.box内容{ 显示：无； } 尺寸 S 2 M1 颜色 白色2 红色1 黑色1

---

未捕获的TypeError:$..live不是一个函数，在您的代码段中，谢谢您的建议，它对我帮助很大