已解決430363個問題，去搜搜看，總會有你想問的

當菜單下拉菜單打開時，關閉其他菜單 - Javascript

首頁猿問當菜單下拉菜單打開時，關閉其他菜單...

當菜單下拉菜單打開時，關閉其他菜單 - Javascript

JavaScript

catspeake 2021-11-18 16:10:49

我試圖做到這一點 - 在你可以在這個 W3Schools 示例中看到的垂直菜單中（原始菜單是那個） - 當下拉菜單打開時，其他菜單關閉。目前-你可以從演示中看到-更多的下拉列表中可以同時打開的，但我想這只是一個可以單獨顯示，當我點擊另一個按鈕，下拉關閉自己。（對不起，我的英語不好，但我是意大利人，希望你理解我的問題）。你知道怎么做嗎？

查看完整描述

1 回答

12345678_0001

TA貢獻1802條經驗獲得超5個贊

很高興回答您在 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/

反對回復 2021-11-18

1 回答
0 關注
300 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

當菜單下拉菜單打開時，關閉其他菜單 - Javascript

當菜單下拉菜單打開時，關閉其他菜單 - Javascript

1 回答

添加回答

當菜單下拉菜單打開時，關閉其他菜單 - Javascript