Make sidebar collapsible on clicking label not just arrows

[aaryanporwal]

Have you read the Contributing Guidelines on issues?

• I have read the Contributing Guidelines on issues.

Prerequisites

• I'm using the latest version of Docusaurus.
• I have tried the npm run clear or yarn clear command.
• I have tried rm -rf node_modules yarn.lock package-lock.json and re-installing packages.
• I have tried creating a repro with https://new.docusaurus.io.
• I have read the console error message carefully (if applicable).

Description

In the sidebar, is there any way to make the accordions collapsible on clicking label? It's possible to expand the accordion on first click, but on clicking an expanded accordion should collapse it. Currently, the user has to click on the accordion arrow to collapse it.

In the following video, I've attached the docusaurus docs page where the bug can be seen. I'm not sure if this is an intended thing, but seems odd UX-wise.

Screen.Recording.2025-01-21.at.2.22.15.PM.mov

Reproducible demo

No response

Steps to reproduce

1.	Open the Docusaurus docs page in a browser.
2.	Navigate to the sidebar containing accordions.
3.	Click on the label of an accordion to expand it.
4.	Click on the same accordion label again to attempt to collapse it.

Expected behavior

Clicking on an expanded accordion’s label should collapse it, providing a toggle behavior directly through the label.

Actual behavior

Clicking on the label of an expanded accordion does not collapse it. The user must click on the accordion arrow to collapse it, which results in inconsistent user experience.

Your environment

• Public site URL: https://docusaurus.io/docs/category/guides

Self-service

• I'd be willing to fix this bug myself.

[slorber]

This is a design decision we made in the past, but I agree that it could be convenient to collapse on label click, and many other docs frameworks have implemented it that way.

If the community thinks it's a better default behavior, I'm happy to revisit our past design decision.

Please vote here with 👍 or 👎

[MaxLenormand]

I understand this might be a design on which different people have different opinions. Would it be possible to make this a toggle / option?