Can I collapse the left menu at the second or third level? about hugo-book

[alex-shpak]

Hi!
There was previous discussion on foldable menu (#32)
I didn't find nice solution yet, since I try to keep theme as JS-free as possible, but I have it in mind.

[kchen0x]

Wait for your enhancement~~

[alex-shpak]

I added some 'experimental' bookCollapseSection parameter per page, settings it in section will cause file-tree menu to not render nested section unless visited. Handled at HTML generation time.

Would be nice if you can test it

[kchen0x]

what if I use menu/index.md to organize my sidebar menu?

[alex-shpak]

Hi!
That one would work only for file-tree menu, unfortunately.
Bundle menu will need something more complex 🤔

[alex-shpak]

Hi again!
I tried to find nice solution for a while, unfortunately it seems like I didn't find one. So I mark as wontfix.
I think these days filetree menu is much more powerful and we also got hugo native menus now.

I would recommend to switch to filetree menu or make JS script to fold menu and inject it via one of inject partials.

[nianjiang]

As alex-shpak suggested, I used js in inject partials to un-collapse the menu.

---

The related code:
Find the id from html:

<li>
    <input type="checkbox" id="section-2d21464784c99358edd6d2b29e92ed6f" class="toggle" checked="">
    <label for="section-.." class="flex justify-between">
      <a href=".." class="active">..</a>
    </label>

Add js in themes/hugo-book/layouts/partials/docs/inject/footer.html

<script type="text/javascript">
    //Open menu after page loaded.
    document.getElementById("section-2d21464784c99358edd6d2b29e92ed6f").click();
</script>