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

Question

我试图做到这一点 - 在你可以在这个 W3Schools 示例中看到的垂直菜单中（原始菜单是那个） - 当下拉菜单打开时，其他菜单关闭。目前-你可以从演示中看到-更多的下拉列表中可以同时打开的，但我想这只是一个可以单独显示，当我点击另一个按钮，下拉关闭自己。（对不起，我的英语不好，但我是意大利人，希望你理解我的问题）。你知道怎么做吗？

Answer 1

很高兴回答您在 Stack Overflow 上提出的问题。

据我了解，您需要侧面的手风琴式下拉菜单作为同时打开和关闭的菜单。

我已经为你创建了一个工作代码。希望它满足您的要求。

Javascript：-

var accItem = document.getElementsByClassName('dropdown-container');

    var accHD = document.getElementsByClassName('dropdown-btn');

    for (i = 0; i < accHD.length; i++) {

        accHD[i].addEventListener('click', toggleItem, false);

    }

    function toggleItem() {

        var itemClass = this.nextElementSibling;

        for (i = 0; i < accItem.length; i++) {

            accItem[i].style.display = "none";

            accHD[i].classList.remove("active");

        }

        if (itemClass.style.display === "none") {

            this.classList.add("active");

            this.nextElementSibling.style.display = "block";

        }

    }

工作小提琴：- https://jsfiddle.net/fve7x8pr/1/