Javascript 如何创建垂直下拉菜单？

我试图了解如何在本网站上创建垂直下拉菜单：

它应该在onClick事件发生时而不是mousover时下拉

有人有这样做的代码示例吗

---

太好了，谢谢。

看看这个。我想这和你想要的很接近

演示：

教程/指南：

试试这个

HTML

jQuery

---

在标记上的onclick事件上添加类。如果使用onclick event，则无法使用href属性。您可以在onclick event上写入href值您的代码用于onhover，将其更改为onclick有多困难？如何在单击子菜单中的链接后保持下拉菜单打开？

<div>
    <ul>
        <li><a href="#">Menu 1</a></li>
        <li><a href="#">Menu 2</a>
            <ul>
                <li><a href="#">Sub menu 1</a></li>
                <li><a href="#">Sub menu 2</a></li>
            </ul>
        </li>
        <li><a href="#">Menu 3</a></li>
        <li><a href="#">Menu 4</a></li>
    </ul>
<div>

*{
    padding: 0px;
    margin: 0px;
}

li{
    list-style: none;
}

li a{
    text-decoration: none;
    height: 26px;
    display: inline-block;
}

li ul{
    display: none;
}

li li a{
    margin-left: 10px;    
}

$(document).ready(function(){
    $('li').click(function(){
        $(this).children('ul').toggle();
    });
});