JavaScript教程如何实现伸缩二级菜单
// JavaScript代码实现二级菜单伸缩
// 请将HTML结构和CSS样式与JavaScript代码一起使用
// 获取所有的二级菜单项
var items = document.querySelectorAll('.second-level-menu > li');
// 为每个菜单项添加点击事件监听器
for (var i = 0; i < items.length; i++) {
var item = items[i];
var link = item.querySelector('a');
var subMenu = item.querySelector('.third-level-menu');
if (subMenu) {
// 如果当前菜单项有子菜单,则添加点击事件监听器
link.addEventListener('click', function(e) {
e.preventDefault();
subMenu.classList.toggle('show');
});
}
}