如何用JavaScript编写可伸缩的二级菜单功能？

本文共计713个文字，预计阅读时间需要3分钟。

JavaScript实现扩展二级菜单的具体代码如下：

扩展二级菜单 ul { list-style-type: none; padding: 0; } .submenu { display: none; } .submenu li { padding-left: 20px; } .submenu li a { display: block; padding: 5px; text-decoration: none; color: #333; } .submenu li a:hover { background-color: #f0f0f0; }

一级菜单1 二级菜单1-1 二级菜单1-2 二级菜单1-3 一级菜单2 二级菜单2-1 二级菜单2-2 二级菜单2-3

这段代码实现了一个基本的扩展二级菜单。当鼠标悬停在一级菜单项上时，对应的二级菜单会显示出来；当鼠标移开时，二级菜单会隐藏。

JavaScript实现伸缩二级菜单的具体代码，供大家参考，具体内容如下

伸缩二级菜单：

案例说明：效果图如下，一次只能打开一个，打开后，+ 号变 - 。