details(HTML)
<details>: The Details disclosure element - HTML: HyperText Markup Language | MDN
details
open
控制內容是否可見
可用
open="false"
來調整是否顯示
How to Animate the Details Element | CSS-Tricks - CSS-Tricks
預設三角形可使用
list-style-type
或
::-webkit-details-marker
隱藏
How to Animate the Details Element Using WAAPI | CSS-Tricks - CSS-Tricks
可使用
Web Animations API
加上動態效果