可折疊內容 - Tocas UI

範例

明暗色系

遵循使用者設定

亮色

暗色

縮放

標準

放大

標準

縮小

營業時間為何？

每日的早上九點至晚上八點。

<details class="ts-accordion" open>
    <summary>營業時間為何？</summary>
    每日的早上九點至晚上八點。
</details>

概要

可折疊內容使用 <details> HTML 標籤，因此支援瀏覽器原生的 toggle 事件以監聽其開關狀態。

狀態

打開的

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

當我使用 API 的時候，是否有提供 SSL 加密傳輸協定？

無，本銀行全面採用非加密的 HTTP 傳統標準通訊協定。

<details class="ts-accordion" open>
    <summary>當我使用 API 的時候，是否有提供 SSL 加密傳輸協定？</summary>
    無，本銀行全面採用非加密的 HTTP 傳統標準通訊協定。
</details>

群組的

相同 [name] 的可折疊內容會被視為同個群組，同個群組裡同時只能展開一個可折疊內容。Firefox 目前尚未支援此功能。

此遊戲可在哪些作業系統上遊玩？

支援 Linux、Windows、macOS 與 Steam OS。

遊戲的檔案大小為何？

若要安裝此遊戲，請確保至少有 20 GB 的可用空間。

<details class="ts-accordion" name="help">
    <summary>此遊戲可在哪些作業系統上遊玩？</summary>
    支援 Linux、Windows、macOS 與 Steam OS。
</details>
<div class="ts-divider is-section"></div>
<details class="ts-accordion" name="help">
    <summary>遊戲的檔案大小為何？</summary>
    若要安裝此遊戲，請確保至少有 20 GB 的可用空間。
</details>