Styling and animating the <details> element

Did you know that HTML includes a <details> element that can be used to create an interactive accordion menu?! The <details> element represents a disclosure widget from which the user can obtain additional information or controls. By default, the widget is closed. When the widget is open, the user can interact with the contents of the <details> element.