Ability to toggle Disclosure based on current menu item

[paul-crashley]

I'm trying to use a Disclosure button/panel in combination with a slideout Dialog for a mobile navigation menu, as per examples on Tailwind UI.

I'm looking to be able to toggle the sub-menu as open if the parent menu item is current. For example, if I have a 'Teams' parent with sub-menu items of 'Overview' and 'Members' and I am on one of those pages, then 'Teams' will be set as current, and the menu panel will be open and will close if the parent Disclosure button is pushed.

I have almost got this working using a conditional to set the open state, and a static Disclosure.Panel, but I can't then pass a new 'open' state when I click the button to close the menu.

[paul-crashley]

Never mind. Realised I can just use the defaultOpen prop.