한꼬푸 03-23

자바스크립트를 잘 모릅니다. 그래서 ChatGPT에 문의했습니다.

/* Loop through all dropdown buttons to toggle between hiding and showing its dropdown content - This allows the user to have multiple dropdowns without any conflict */
var dropdown = document.getElementsByClassName("dropdown-btn");
var i;

for (i = 0; i < dropdown.length; i++) {
  dropdown[i].addEventListener("click", function() {
    // Close all dropdowns first
    var dropdowns = document.getElementsByClassName("dropdown-container");
    for (var j = 0; j < dropdowns.length; j++) {
      dropdowns[j].style.display = "none";
    }
    var buttons = document.getElementsByClassName("dropdown-btn");
    for (var k = 0; k < buttons.length; k++) {
      buttons[k].classList.remove("active");
    }
   
    // Then toggle the clicked dropdown
    this.classList.toggle("active");
    var dropdownContent = this.nextElementSibling;
    if (dropdownContent.style.display === "block") {
      dropdownContent.style.display = "none";
    } else {
      dropdownContent.style.display = "block";
    }
  });
}

라는 코드를 알려주더군요.. 동작은.. 합니다.

허인구마틴 03-23

감사드립니다.
오후에 해보겠습니다.

도사님들~~ 댕큐입니다.

삐돌이슬픔이 03-23

앗 죄송 하나 열면  하나닫히는거는 아닙니다

허인구마틴 03-23

맞습니다
한개만 열려야 합니다
기존의 것은 모두 닫혀야 합니다