HyUIKit5

tabFunction({
target: '.target1', // 執行目標，多組需要另外設定
modeSwitch: false, // 自動切換，尺寸以上tab功能，尺寸以下手風琴功能
openContent: false, // 展開所有內容，僅開啟模式切換時才可使用
width: 767, // 尺寸以上tab功能，尺寸以下手風琴功能
autoClose: true, // 自動關閉其他開啟內容
openSwitch: true, // 是否可開合/切換
});
上面的option是基礎預設，如不需要更改可以直接使用tabFunction('.target1')，如有多組tab
預設第幾個開啟在按鈕上設定class active即

請另外設定target

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

• 頁籤
  1. 父層增加role="tablist"
  2. <button>加上role="tab"
• 內容
  1. <button>加上role="tabpanel"
• 讓頁籤項與頁籤內容產生關連
  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"

2

• 頁籤二內容
• 人運部界政那我金後北製？差藥當兩；面下推的從不票她走子文內另來一得
• 機子年安才生家更前陽象望土福開人道高投了初幾的我辦量部念地中是基
• 只利她遊是態遠他大久呢來皮研，來三了裡後半物國檢。

3 標題：探索未知的世界

引言
在這個充滿奇遇和冒險的世界裡，我們常常被吸引到未知的領域中。這些未知的領域充滿了神秘和挑戰，讓我們感到興奮和好奇。本文將帶領您一同探索這些未知的領域，揭開它們的神秘面紗。

第一章：神奇的自然界
自然界是一個充滿驚喜和美妙的地方。無論是壯麗的山脈、湛藍的海洋還是多彩的花草，都讓人讚嘆不已。而在這個世界的角落，還有許多未知的生物和現象等待我們去發現。例如，深海中的生物群落、古老的森林中的神秘生物，以及空中飄浮的奇特現象，都是我們可以探索的寶藏。

第二章：科技的奇跡
科技的發展讓我們能夠窺探到更多未知的領域。例如，人工智能的進步讓我們能夠模擬和理解人腦中的神秘運作；太空探索的成果讓我們能夠窺探宇宙的奧秘。這些科技的奇跡不僅擴大了我們的知識範圍，也為我們帶來了更多的可能性。

第三章：藝術的魅力
藝術是人類創造力的結晶，同樣也是一個充滿未知的領域。藝術家們通過他們的創作，探索和表達人類情感和思想。他們使用不同的媒介和技巧，創造出無盡的可能性。每一幅畫作、每一首音樂、每一部電影都是一個獨特的世界，等待我們去發現和欣賞。

總結
在這個充滿未知的世界中，我們不斷地探索、學習和成長。無論是自然界、科技還是藝術，都是我們探索未知的途徑。讓我們保持好奇心和求知慾，勇敢地踏上未知的旅程

4

• 頁籤三內容
• 頁籤三內容
• 林人還是答以學領進保後錢愛而營，母石時以是養人年！
• 獲親應歌治前方相分之被參大治打地國許聲引會賣試萬只只業臺做不什北反照人機止了造人企！

5

• 頁籤四內容
• 天一己有門起下模大且只身民家三歌先媽斯率高觀我張高看經。
• 上總簡能主意無百過可們的不來。
• 早進立研最題，滿微升我以我麗什綠是手時國聽感他球明定
• 步第完出著興就年題樣程用是著則分除到手人件些策不制爭人。