Details

Details 原本是 HTML 5 的標籤之一,類似 Accordion 效果,目前只有 Webkit 核心的瀏覽器支援,因此比較適合用在 Mobile 上。

Details Item

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure, consectetur?

  • List item
  • List item
Details Item

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non tenetur praesentium dolor repellendus provident fugit, saepe, accusantium ex dolorem dolorum quas voluptate eum voluptatem eos, omnis mollitia est ratione. Consequuntur.

Details Item

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non tenetur praesentium dolor repellendus provident fugit, saepe, accusantium ex dolorem dolorum quas voluptate eum voluptatem eos, omnis mollitia est ratione. Consequuntur.

<details open>
    <summary>Details Item</summary>
    <div class="details-content">
        <p>~略~</p>
        <ul>
            <li>List item</li>
            <li>List item</li>
        </ul>
    </div>
</details>
<details>
    <summary>Details Item</summary>
    <div class="details-content">
        <p>~略~</p>
    </div>
</details>
<details>
    <summary>Details Item</summary>
    <div class="details-content">
        <p>~略~</p>
    </div>
</details>