Automatically close all the other tags after opening a specific tag

Answer 1

Whao, nobody answering about

are using toogle event ?

const All_Details = document.querySelectorAll('details');

All_Details.forEach(deet=>{
  deet.addEventListener('toggle', toggleOpenOneOnly)
})

function toggleOpenOneOnly(e) {
  if (this.open) {
    All_Details.forEach(deet=>{
      if (deet!=this && deet.open) deet.open = false
    });
  }
}

  
1
  Demo 1



  
2
  Demo 2



  
3
  Demo 3