Question

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

我在此站点上使用摘要-详细信息应该可以正常工作，但确实可以，但是倒退了。在我的博客开发中，它工作正常，但是默认情况下，进入页面时，所有详细信息都会展开，从而无法达到使页面看起来更整洁的目的。

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

<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进行了测试，两者的结果相同。

Answer 1

open=""与open="true"或open="open"

此类属性（如果存在）始终为true，无论其值如何-如果要使它们以开头关闭，则必须从代码中删除。

使用摘要-详细信息可折叠菜单

1 个答案: