Javascript 将第二副导航添加到手风琴风格菜单

我想在这个手风琴菜单上再加一个子AV。我试图向nav ul li添加一个child元素，但这似乎不起作用。理想情况下，我希望能够在“web”下列出web项目，并在“print”下打印

小提琴：

.header按钮{
光标：指针；
浮动：对；
填充物：5px；
利润率：10px 10px；
边界：无；
边框：1px实心#ececec；
背景：#444；
颜色：#ececec；
}
.导航{
文本对齐：居中；
背景：#444；
}
李国荣先生{
文本转换：大写；
显示：块；
边框底部：1px实心#ececec；
}
.导航a{
显示：块；
填充：10px；
颜色：#ececec；
}
.导航a:悬停{
背景#029b9d；
颜色：#ececec；
}
菜单+-

添加子元素是正确的路径

以下是您案例的相关css：

.nav ul li ul {
    color: red;
    margin: 0;
    padding: 0;
    display: none;
}

.nav ul li:hover ul {
    display: block;
}

.nav ul li ul li {
    padding: 10px 0;
}

我已经更新了你的js

$('.nav, .nav li ul').hide();
$('#show').click(function () {
    $(".nav").toggle();
    $("span").toggle();
});
$('.nav li').click(function(){
    $(this).children('ul').toggle();
});

---

效果很好，但是有没有办法让onclick不打开：hover？非常好用，谢谢。期限一到我就接受。

ul li:hover ul

.nav ul li ul {
    color: red;
    margin: 0;
    padding: 0;
    display: none;
}

.nav ul li:hover ul {
    display: block;
}

.nav ul li ul li {
    padding: 10px 0;
}

$('.nav, .nav li ul').hide();
$('#show').click(function () {
    $(".nav").toggle();
    $("span").toggle();
});
$('.nav li').click(function(){
    $(this).children('ul').toggle();
});