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

使用時需自行搭配 JavaScript 操控元件的啟用狀態以呈現開啟或閉合狀態。欲使用多個可折疊內容,應該在兩個之間手動擺放分隔線元件以便使用者區分。

狀態
啟用的

當一個可折疊內容被啟用的時候,其 content 元素就會顯示。

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