我是说这个一级菜单就有三个选项
时间: 2024-11-18 12:16:23 浏览: 3
HTML制作多级菜单_一级下拉菜单导航菜单+二三级选项卡tab-移动到菜单上就切换选项卡.zip
5星 · 资源好评率100%
如果你的一级菜单只有三个选项,而且每个选项都有折叠二级菜单的功能,你可以稍微调整上面提供的代码。这里是一个简化版本的例子:
HTML:
```html
<ul id="menu">
<li><a href="#" class="parent">选项1</a></li>
<li><a href="#" class="parent">选项2</a></li>
<li><a href="#" class="parent">选项3</a></li>
</ul>
```
CSS:
保持不变,因为只需要针对每个`<li>`元素而不是`.parent`。
JavaScript:
```javascript
$(document).ready(function() {
$('#menu li.parent').on('click', function(e) {
e.preventDefault();
$(this).next('ul.sub-menu').slideToggle(200);
});
});
```
这个版本中,直接对每个`<li>`标签添加了`parent`类,并删除了内部的`ul.sub-menu`,因为我们假设每个一级菜单项只有一个子菜单。点击每个菜单项时,它直接控制其相邻的子菜单展开或折叠。
阅读全文