behavior: expandable-list

此帮助程序行为实现“可展开”列表的逻辑，其中一次只有一个列表项 :expanded 。

Elements

默认情况下，该行为不会应用于任何元素 - 您应该在 CSS 中显式分配它：

div.list {
  behavior:expandable-list;
}

DOM Model

假定 list 元素包含子元素（列表项），其中包含 <caption> 以下元素：

<div.list>
 <section dafault>
 <caption>A</caption>
 <div>...details...</div>
 </section>
 <section>
 <caption>B</caption>
 <div>...details...</div>
 </section>
   ...
</div>

单击会导致 <caption> 相应的列表项获取 :expanded 状态标志，并将所有其他列表项设置为 :collapsed 状态。

Attributes

默认情况下需要的 :expanded 初始项应设置“default”属性。

Events

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

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

Value

 不适用

Methods

 不适用

Samples

• samples.css/css++behaviors/expandable-list.htm