28 replies

Auto-close similar childs

I have this code.

document.querySelectorAll('.button-collapse').forEach(button => {
  button.addEventListener("click", () => {
    const collapseBox = button.nextElementSibling;
    
    button.classList.toggle('active-btn');
    collapseBox.classList.toggle('active');
  });
});

document.querySelectorAll('.button-collapse').forEach(button => {
  button.addEventListener("click", () => {
    const collapseBox = button.nextElementSibling;
    
    button.classList.toggle('active-btn');
    collapseBox.classList.toggle('active');
  });
});

Basically a collapsible box.

I wanted to make it so, whenever a different one gets opened, collapses the last one, but haven't been able to wrap my head around it. Tried some if statements, but can't quite find the logic.

Is there a way to make that?

If anyone is curious, it's right here: https://cozynova.online/windcutter/#New-Player

Wind Cutter Guide

Comprehensive, concise and dynamic Ragnarok Online guide.

KP-C

Kevin Powell - Community•4y ago•

28 replies

Myndi

Auto-close similar childs

I have this code.

document.querySelectorAll('.button-collapse').forEach(button => {
  button.addEventListener("click", () => {
    const collapseBox = button.nextElementSibling;
    
    button.classList.toggle('active-btn');
    collapseBox.classList.toggle('active');
  });
});

document.querySelectorAll('.button-collapse').forEach(button => {
  button.addEventListener("click", () => {
    const collapseBox = button.nextElementSibling;
    
    button.classList.toggle('active-btn');
    collapseBox.classList.toggle('active');
  });
});

Wind Cutter Guide

Comprehensive, concise and dynamic Ragnarok Online guide.

Auto-close similar childs

Similar Threads

Auto-close similar childs

Similar Threads

Similar Threads

Similar Threads