我知道这应该很简单，但我不是编码员，花了十几个小时试图做一些应该简单的事情。 我有几个主题需要展开或折叠(手风琴(。
我在这个网站上发现使用摘要详细信息应该可以工作，它有点倒退。 它在我的博客开发中工作正常，但是当您进入页面时，默认情况下所有详细信息都会展开，从而违背了试图使页面看起来不那么混乱的目的。
这是我正在使用的代码，其中有一些格式使其看起来很丑陋。
<details open="">
<summary style="text-align: left;"><span style="font-family:
"arial" , "helvetica" , sans-serif;"><b>Summary Goes
Here</b><span style="font-size: xx-small;">(details)</span></span>
</summary>
<div style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-
serif;">Detail Content Goes Here</span>
</div>
</details>
我已经使用Chrome(桌面和移动设备(和Safari进行了测试，结果相同。
open=""与open="true"或open="open"相同
无论其值如何，这种属性始终是true的 - 如果您希望它们关闭以启动它，则必须从代码中删除。