Pure CSS menu, any level deep #1180

Feature request

Current menu has limitations. Sometimes (like for links) the menu items can open/close to show child items. Other times (as with non-links) there is no open/close function.

What problem does this feature solve?

We can decouple the menu nesting from the link system, and fix the fact that currently not all items in the Docsify sidebar are collapsible (it seems to depend on items being links or not).

I am on mobile, but I can later post my markdown and what it looks like.

What does the proposed API look like?

Let's get ideas from existing pure-CSS tree views with open/close, any level deep:

• https://codepen.io/bisserof/pen/fdtBm
• https://codepen.io/kobusvanwykk/pen/NqXVNQ
• https://codepen.io/rgg/pen/WrKyzj
• https://codepen.io/anchen/pen/rGDjI

How should this be implemented in your opinion?

We can adopt a similar technique, but style it for Docsify. A plug-in could add smooth CSS transition.

Are you willing to work on this yourself?

👍