Javascript 单击后检查div是否存在，如果存在则将其删除

我有一个JavaScript，它创建了一种手风琴，我想在单击时打开

div

s，然后在第二次单击时关闭它们。我可以这样做，但是我不知道在哪里插入删除代码

el.classList.remove（“openDiv”）

关闭所有可能已打开的选项卡，唯一应打开的选项卡是单击的选项卡

以下是JavaScript代码：

var el = document.getElementsByClassName('applications');
var i;
var action = 1;

function addHandler(el) {
   el.addEventListener("click", function() {

     if ( action == 1 ) {
       el.classList.add('openDiv');
       action = 2;
     } else {
       el.classList.remove("openDiv");
       action = 1;
     }
   });
}

for (i = 0; i < el.length; i++) {
   addHandler(el[i]);
}

var el=document.getElementsByClassName（'applications'）；
var i；
var作用=1；
函数addHandler（el）{
el.addEventListener（“单击”，函数（）{
如果（操作==1）{
el.classList.add（'openDiv'）；
行动=2；
}否则{
el.classList.remove（“openDiv”）；
作用=1；
}
});
}
对于（i=0；i

我还创建了一个

var el=document.getElementsByClassName（'applications'）；
var i；
函数addHandler（el）{
el.addEventListener（“单击”，函数（）{
//更新了单击的条件
如果（！this.classList.contains（'openDiv'））{
var a=document.getElementsByClassName（'openDiv'）；
对于（a中的var i）{
if（a[i].classList）{
a[i].classList.remove（“openDiv”）；
}
}
el.classList.add（'openDiv'）；
行动=2；
}否则{
el.classList.remove（“openDiv”）；
作用=1；
}
});
}
对于（i=0；i

var el=document.getElementsByClassName（'applications'）；
var i；
函数addHandler（el）{
el.addEventListener（“单击”，函数（）{
//更新了单击的条件
如果（！this.classList.contains（'openDiv'））{
var a=document.getElementsByClassName（'openDiv'）；
对于（a中的var i）{
if（a[i].classList）{
a[i].classList.remove（“openDiv”）；
}
}
el.classList.add（'openDiv'）；
行动=2；
}否则{
el.classList.remove（“openDiv”）；
作用=1；
}
});
}
对于（i=0；i

var el=document.getElementsByClassName（'applications'）；
var i；
函数addHandler（el）{
el.addEventListener（“单击”，函数（）{
el.classList.toggle（'openDiv'）；
移除打开（el）；
});
}
函数removeOpen（openElement）{
对于（i=0；i
var el=document.getElementsByClassName（'applications'）；
var i；
函数addHandler（el）{
el.addEventListener（“单击”，函数（）{
el.classList.toggle（'openDiv'）；
移除打开（el）；
});
}
函数removeOpen（openElement）{
对于（i=0；i
我已经编辑了一些您的代码，请在这里找到一个示例：

代码：

var els=document.getElementsByClassName（'applications'）；
函数addHandler（el）{
el.addEventListener（“单击”，函数（）{
对于（变量x=0；x
我已经编辑了一些您的代码，请在这里找到一个示例：

代码：

var els=document.getElementsByClassName（'applications'）；
函数addHandler（el）{
el.addEventListener（“单击”，函数（）{
对于（变量x=0；x
我稍微修改了代码，在内容周围添加了一个包装器元素，因此只有一个事件侦听器。但基本上，您需要选择打开的元素，然后删除该类


var wrapper=document.getElementById（“应用程序包装”）；
addEventListener（“单击”，函数（evt）{
var elem=evt.target；//获取单击的内容
if（elem.nodeName==“H2”）{//查看它是否是H2
元素类列表切换（“打开”）；
//现在要删除
var opened=wrapper.querySelectorAll（“h2.open”）；//查找已打开
对于（var i=opened.length-1；i>=0；i--）{//loop
if（opened[i]==elem）continue；//确保我们没有删除刚才添加的内容
打开[i].classList.remove（“打开”）；
}        
}
});
h2+h1，
h2+h1+p{
显示：无；
}
h2.open+h1，
h2.open+h1+p{
显示：块；
}
.applications{边框：1px纯黑色；}
h1{边框顶部：1px实心#CCC；}
h2{cursor:pointer；}

彩色化妆品
彩色化妆品
Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一个伟大的事业，它是一个伟大的事业。Quisque dolor nisl，iaculis id sem eget，molestie mollis est。箭矢状相位，nec前庭turpis euismod
欧盟。阿利夸姆·阿利奎特·奥奇和智者尤伊斯莫，佩伦茨克·维利特·波特托。根据康努比亚·诺斯特拉（conubia nostra）和希梅纳奥斯（inceptos himenaeos）的规定，社会责任和责任等级为：。隆库斯猫，非元素猫，酒后驾车，坐
amet sodales nunc dolor semper lacus。伊格斯塔·莱克托斯·维瓦马斯·法雷特拉（Vivamus egestas lectus id pharetra）。一个非sem精英。这是一种新的生活方式，不需要孕妇的舌苔。Sed justo sem，sodales ut imperdiet at，fringilla pharetra neque

洗护发用品
H
var el = document.getElementsByClassName('applications');
var i;

function addHandler(el) {
  el.addEventListener("click", function() {

     //updated condition for click
     if ( !this.classList.contains('openDiv')) {
        var a = document.getElementsByClassName('openDiv');
        for (var i in a) {
          if (a[i].classList) {
            a[i].classList.remove("openDiv");
          }
        }
        el.classList.add('openDiv');
        action = 2;
    } else {
        el.classList.remove("openDiv");
        action = 1;
    }

  });
}

for (i = 0; i < el.length; i++) {
  addHandler(el[i]);
}

var el = document.getElementsByClassName('applications');
var i;

function addHandler(el) {
  el.addEventListener("click", function() {
     el.classList.toggle('openDiv');
      removeOpen(el);
  });
}

function removeOpen(openElement){
  for (i = 0; i < el.length; i++) {
   if(el[i] !== openElement){
     el[i].classList.remove("openDiv");
   }
  }
}

for (i = 0; i < el.length; i++) {
  addHandler(el[i]);
}

var els = document.getElementsByClassName('applications');

function addHandler(el) {
  el.addEventListener("click", function() {

     for(var x = 0; x < els.length; x++){
        if(els[x] === el){
            console.log("NOT ME!!!");
        }else{
            els[x].classList.remove("openDiv");
        }
     }

     if(el.classList.contains("openDiv")){
        el.classList.remove("openDiv");
     }else{
        el.classList.add("openDiv");
     }

  });
}

for (var i = 0; i < els.length; i++) {
  addHandler(els[i]);
}