behavior: details

此帮助程序行为实现 HTML5 <details><summary> 元素后面的可切换详细信息/摘要逻辑。

单击或 <summary>  <caption> 元素会导致在 和 :expanded 状态之间 :collapsed 切换。

Elements

默认情况下，该行为应用于标准 HTML5 <details> 元素：

<details>
 <summary>Details</summary>
    Something small enough to escape casual notice.
</details>

但在 Sciter 中，您可以将其应用于任何元素、样式：

li {
  behavior:details;
}
li > p { visibility:none; }
li:expanded > p { visibility:visible; }

 和 HTML：

<li>
 <caption>Summary</caption>
 <p>Details</p>
</li>

单击会导致 <caption> LI 元素项在 CSS 显示或隐藏 <p> 子元素 :collapsed 的状态之间 :expanded 切换。

Attributes

• “open” - 空属性或值为“true”或“false”。

Events

• “expand” - 当项目获得 :expanded 标志时，将发布此事件。 event.target 是列表项。

• “collapse” - 当项目获得 :collapsed 标志时，将发布此事件。 event.target 是列表项。

Value

 不适用

Methods

 不适用

Samples

• samples.css/css++behaviors/details.htm

• samples.css/css++behaviors/details-summary.htm