details(HTML)
details
<details>: The Details disclosure element - HTML: HyperText Markup Language | MDN
open
控制內容是否可見
可用
open="false"
來調整是否顯示
name
複數個擁有相同name的details，可在切換顯示時自動關閉
::details-content
內容樣式
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
加上動態效果
https://x.com/tak_dcxi/status/1889833657453650226
HTML元素