HyUI kit


                          tag中設定後方展開切換的文字，方便多語系修改

                          data-state-open="展開" // 收合時顯示

                          data-state-close="收合" // 展開時顯示

                          

                          accordionFunction({

                          target: '.accordion',

                          openContent: false, // 預設先展開所有內容，僅開啟模式切換時才可使用

                          openDefault: false, // 是否有預設開啟

                          autoClose: true, // 自動關閉其他開啟內容

                          openSwitch: true, // 是否可開合/切換

                          });

上面的option是基礎預設，如不需要更改可以直接使用accordionFunction('.target')，如有多組accordion
請另外設定target

無障礙相關(皆已由js設定)

按鈕
1. 展開的按鈕項加aria-expanded="true"，未展開的按鈕項加aria-expanded="false"
內容
1. 內容加上role="region"
2. 展開的加上aria-hidden="false"，未展開的加上aria-hidden="true"
讓按鈕項與按鈕內容產生關連
1. 頁籤加id="ID"，對應的內容加aria-labelledby="ID"
  例如，第一個頁籤項id="tabpanel_1"，其控制的內容aria-labelledby="tabpanel_1"
2. 內容區加id="ID"，對應的頁籤項加aria-controls="ID"
  例如，第一個頁籤項aria-controls="tabpanel_1_con"，其控制的內容id="tabpanel_1_con"

國影自談王不美一文實別合屋？府性元這子一知於料的親到。一用技年不得就資公，也星樣團怎英班水灣個種決以因世書發定很功行何，下飯通反代命假到一不離護麼錯絕懷旅元人。弟新過，道給仍覺裡水國、醫灣了可實界一上德字什心成但創大品隨品。
連結連結

HyUIKit5

節點標題