Hallo Ingrid,
eigentlich möchte ich das <li>
expandieren oder kollabieren. Daher braucht der Schalter keinen eigenen Zustand:
<li aria-collapsed>
<button>expand</button>
<ul>
<li>Text</li>
</ul>
</li>
Duch li[aria-collapsed] button
kann ich doch das Aussehen des Buttons steuern. Seine Eigenschaft wäre "aria-collapsed", weil er sie von seinem Elternelement erbt.
Liebe Grüße,
Felix Riesterer.