title: How to use button collapse with material ui accordion?
body: <p>I'm using material UI for the collapse button, and the accordion.
  I want people to be able to click the today button, and have that open the first accordion section (the one that says Saturday on it). The today button is inside a material UI toolbar. I'm also using react hooks for the project.</p>
  <p>I'm just using the default accordion settings as shown on the material UI website. Each accordion has its own id (ex: panel1, panel2, etc.).</p>
  <p>I'm using the sample layout from <a href="https://material-ui.com/components/accordion/#controlled-accordion" rel="nofollow noreferrer"><strong>material ui controlled accordion</strong></a></p>
  <p><strong>Example of <em>Open</em> Accordions</strong>:</p>
  <p><a href="https://i.stack.imgur.com/jxZBs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jxZBs.png" alt="Image of my project's layout" /></a></p>
  <p><strong>Example of <em>Closed</em> Accordions</strong>:</p>
  <p><a href="https://i.stack.imgur.com/WFmus.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WFmus.png" alt="My project with closed accordions" /></a></p>
  <p>Any help you could give me would be great! Thanks.</p>