frontend queen

const details = document.querySelectorAll("details");

details.forEach((targetDetail) => {
  targetDetail.addEventListener("click", () => {
    details.forEach((detail) => {
      if (detail !== targetDetail) {
        detail.removeAttribute("open");
      }
    });
  });
});

window.onscroll = () => {
  const item = document.querySelector('itemSelector');
  (this.scrollY <= 10) ? item.className = 'initialState' : item.className = 'scrollState';
};