此版本 (4.2) 已經過時,點擊此處檢視最新版本 (5.0)
台灣正體

可折疊內容

將內容以群組區分並讓使用者可以折疊、展開。
範例
明暗色系
遵循使用者設定
遵循使用者設定
亮色
暗色
縮放
標準
放大
標準
縮小
營業時間為何? 每日的早上九點至晚上八點。
<details class="ts-accordion" open>
    <summary>營業時間為何?</summary>
    每日的早上九點至晚上八點。
</details>
概要

可折疊內容使用瀏覽器原生的 <details> HTML 標籤。欲使用多個可折疊內容,應該在兩個之間手動擺放分隔線元件以便使用者區分。

狀態
打開的

當一個可折疊內容被指定 [open] 的時候,瀏覽器就會顯示其內容。

當我使用 API 的時候,是否有提供 SSL 加密傳輸協定? 無,本銀行全面採用非加密的 HTTP 傳統標準通訊協定。
需要自行簽署金鑰以防中間人攻擊嗎? 不需要,因為這只是運氣問題。
<details class="ts-accordion" open>
    <summary>當我使用 API 的時候,是否有提供 SSL 加密傳輸協定?</summary>
    無,本銀行全面採用非加密的 HTTP 傳統標準通訊協定。
</details>
<div class="ts-divider is-section"></div>
<details class="ts-accordion">
    <summary>需要自行簽署金鑰以防中間人攻擊嗎?</summary>
    不需要,因為這只是運氣問題。
</details>
狀態
由來自 台灣的 Yami Odymel 所設計,當然還有貢獻者們的愛心❤️。原始碼授權方式為 MIT,文件則為 CC 0 公眾領域。還請盡情地使用、分享或一同改進。Tocas UI 是卡莉絲伊繁星的設計語言,而卡莉絲伊繁星屬對空音商事
台灣正體語系協作者:Yami Odymel、coin3x、Sea-n
擁有 Tocas UI 的所屬組織商標