切换菜单-单击时的子菜单-jQuery/HTML

我有这个菜单：

      <div id="menu">
            <div class="header">Menu Header</div>
            <ul>
                <li>asdfsadfdsaf</li>
                <li>sadfsadf</li>
                <li>asdfasdf</li>
                <li>asdfsadf</li>
                <li>asdfsadf</li>
            </ul> 
         </div>

菜单标题

asdfsadfdsaf
萨达夫
asdfasdf
asdfsadf
asdfsadf

---

我该怎么做呢？因此，每当我单击每个LI中的一个链接时，一个新的子菜单将在单击的链接下切换？

下面是一个简单的菜单模式：

---

首先，您需要不同的标记：

<div id="menu">
    <div class="header">Menu Header</div>
    <ul>
        <li>
            <span>Menu item</span>
            <ul>
                <li>Submenu item</li>
                <li>Submenu item</li>
                <li>Submenu item</li>
            </ul>
        </li>
        <li>
            <span>Menu item</span>
            <ul>
                <li>Submenu item</li>
                <li>Submenu item</li>
                <li>Submenu item</li>
            </ul>
        </li>
        ...
    </ul> 
</div>

菜单标题


菜单项

子菜单项
子菜单项
子菜单项



菜单项

子菜单项
子菜单项
子菜单项


...

---

只需将css和js应用于子菜单，就像您在主菜单中所做的那样

您看过jquery click事件处理程序了吗？最简单的方法之一是将单击事件侦听器附加到每个li，并让它显示或隐藏当前li中包含的另一组ul/li元素。这也需要一些css工作。你试过什么？他写了“点击”，所以你可以用点击来代替鼠标