JavaScript教程如何实现伸缩二级菜单

peck6899 13 0 zip 2023-03-11 03:03:51

// 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');
    });
  }
}

用户评论
请输入评论内容
评分:
暂无评论