Sidebar Dropdown Should Toggle When Clicking an Already-Selected Item

When a user selects a sidebar item with nested routes, the dropdown expands as expected. However, clicking the same selected item again does nothing, even though users naturally expect it to collapse. This leads to:

Reduced control over sidebar visibility

Unnecessary scrolling when sections cannot be collapsed

Lower consistency with typical documentation UI behavior

Expected Behavior

Clicking an already-selected sidebar item should toggle the visibility of its dropdown.

Clicking a non-selected item behaves normally (navigate + expand).

When navigating away, the collapsed state should reset automatically so the correct item appears expanded by default.

Commencez par localiser l’implémentation de l’élément de la barre latérale et du menu déroulant imbriqué dans le site de documentation de React, puis reproduisez le comportement des éléments sélectionnés et non sélectionnés. Vérifiez qu’un clic sur l’élément sélectionné réduit son menu déroulant, que la navigation continue d’étendre l’élément correct et que le fait de naviguer ailleurs réinitialise l’état réduit.