当菜单下拉菜单打开时，关闭其他菜单 - Javascript

Question

我试图做到这一点 - 在你可以在这个 W3Schools 示例中看到的垂直菜单中（原始菜单是那个） - 当下拉菜单打开时，其他菜单关闭。

目前-你可以从演示中看到-更多的下拉列表中可以同时打开的，但我想这只是一个可以单独显示，当我点击另一个按钮，下拉关闭自己。

（对不起，我的英语不好，但我是意大利人，希望你理解我的问题）。
你知道怎么做吗？

Answer 1

很高兴回答您在 Stack Overflow 上提出的问题。据我了解，您需要侧面的手风琴式下拉菜单作为同时打开和关闭的菜单。我已经为你创建了一个工作代码。希望它满足您的要求。Javascript：-var accItem = document.getElementsByClassName('dropdown-container');&nbsp; &nbsp; var accHD = document.getElementsByClassName('dropdown-btn');&nbsp; &nbsp; for (i = 0; i < accHD.length; i++) {&nbsp; &nbsp; &nbsp; &nbsp; accHD[i].addEventListener('click', toggleItem, false);&nbsp; &nbsp; }&nbsp; &nbsp; function toggleItem() {&nbsp; &nbsp; &nbsp; &nbsp; var itemClass = this.nextElementSibling;&nbsp; &nbsp; &nbsp; &nbsp; for (i = 0; i < accItem.length; i++) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; accItem[i].style.display = "none";&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; accHD[i].classList.remove("active");&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; if (itemClass.style.display === "none") {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; this.classList.add("active");&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; this.nextElementSibling.style.display = "block";&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }工作小提琴：- https://jsfiddle.net/fve7x8pr/1/