带有滑动功能的子菜单

Question

我正在寻找一种创建菜单的方法，如图所示，其中包含纯HTML和CSS。我可以创建菜单，但是不知道如何创建子菜单的幻灯片功能。

感谢您的帮助 https://i.stack.imgur.com/bC6xe.png

Answer 1

类似这样的东西：

<div class="MenuItem">
    (Text)
    <div class="Hidden">
        (More menu items)
    </div>
</div>
<div class="MenuItem">
(Text)
</div>
<div class="MenuItem">
(Text)
</div>

在要创建子菜单的菜单项中放置<div>，然后使用CSS将其隐藏。您需要使用JavaScript才能将其打开。 这是一个很好的链接： https://www.w3schools.com/howto/howto_js_dropdown.asp