为可折叠菜单使用摘要详细信息答案

【问题标题】：Using Summary-Details for a collapsible menu为可折叠菜单使用摘要详细信息
【发布时间】：2019-03-26 01:05:39
【问题描述】：

我知道这应该很简单，但我不是编码员，我花了十几个小时试图做一些应该简单的事情。我有几个需要展开或折叠的主题（手风琴）。

我在这个网站上发现使用 Summary-Details 应该可以工作，它有点工作但倒退了。它在我的博客开发中运行良好，但是当您进入页面时，默认情况下会展开所有详细信息，从而破坏了试图使页面看起来不那么混乱的目的。

这是我正在使用的代码，其中有一些格式使它看起来很难看。

<details open="">
   <summary style="text-align: left;"><span style="font-family: 
      &quot;arial&quot; , &quot;helvetica&quot; , 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: &quot;arial&quot; , &quot;helvetica&quot; , sans- 
         serif;">Detail Content Goes Here</span>
   </div>
</details>

我已经使用 Chrome（桌面和移动）和 Safari 对此进行了测试，结果相同。

【问题讨论】：

相关代码就这些了吗？
我们缺少可以帮助您的元素，例如 css，可能还有 javascript。
Yaakov/Neil，我不知道您可能还在寻找什么其他代码。这是我为创建手风琴功能而添加的全部内容，但可以在此处查看整个页面，以便您查看完整源代码。 givethischristmasaway.blogspot.com/p/angeltree-sandbox.html

标签： css collapsable

【解决方案1】：

open="" 与open="true" 或open="open" 相同

这种属性总是true，如果它存在，不管它的值是什么——如果你想让它们从代码中开始关闭，它必须从代码中删除。

【讨论】：