Goals

1.Segrigate the text and "v"(dropdown arrow)

Non-goals

No response

Background

I am attaching the link below,you can regenerate the issue seeing this video:

https://drive.google.com/file/d/1-XLu9N_nAoksvfLQQlQQndniZFstABaM/view?usp=sharing

This is the link(https://turbo.build/docs) where you can regenerate.

The issue is that the prominent index headings and their respective dropdowns work together,so if I want to close the Getting started heading in index,first in need to go to https://turbo.build/docs/getting-started then again after clicking it,the subheading closes.

It's a bit annoying to do so.

Proposal

The best way to resolve this is by segrigating the Index heading(Getting started and the dropdown arrow("v")).
So,that when user clicks on dropdown arrow,it should function to close the subheadings inside Getting started.(This needs to be done for all headings in left index)