A-Fu Design: Accordion

Zebra_Accordion 折疊式選單

Zebra_Accordion 輕量級的手風琴折疊式選單基於 jQuery 框架製作，它定義在一個列表中而且不需要其他任何的特定標記，容易配置完全可以訂製的跨平台的折疊式選單套件。外觀容易使用 CSS 來做訂製，可作用於 FireFox、Opera、Apple Safari、Google Chrome、Internet Explorer 6+近代的瀏覽器中。

No 意見

Accordion Menu 折疊式選單

Accordion Menu 折疊式選單，在這一個折疊式選單中標題的部分是使用 H3 的網頁標籤，展開的內容子標題是採用 ul 和 li 的網頁標籤組成。一個 CSS 的類別動態的添加到這一個表單當中。標題 H3 標籤點擊來做摺疊選單的開 / 合的動作，一個選單開啟後會關閉其他之前開啟的選單項目。

No 意見

jQuery collapser 實際執行畫面

jQuery collapser 是一個多用途的折疊式選單，可用於展開和收起網頁元素。可利用此套件來建立 Accordion、List Collapser 等等功能。輕量簡單而且快速，可以折疊 HTML 內任何的元素，可自定位元素開啟前後皆有回調函數可用。

No 意見

Easy Accordion 實際執行畫面

Easy Accordion 是一個高度靈活的水平折疊式選單基於 jQuery 框架製作，支援在同一頁面中創建多個選單。可自定義內容透過 CSS 改變高度、寬度、圖片、邊框使用背景圖片等等的，無障礙網站的設計方式對搜尋引擎有些許幫助，可以將任何 HTML 的網頁元素像是 DIV 、圖片、影像、列表等等的都可以使用，而且套件大小只有 8 KB 而已。

No 意見

Elegant Accordion with jQuery and CSS3 實際執行畫面

Elegant Accordion with jQuery and CSS3 利用 CSS3 特有的屬性加上 jQuery 框架技術建立精美的水平折疊式選單套件，當滑鼠移過會自動展開其中內容。因為採用的是 CSS3 所以IE8以下的瀏覽器並不支援，如果有對 IE 的使用請避免使用這一個效果。

No 意見

jQuery – Lite content slider 實際執行畫面

在設計網站時，偶爾會需要用到一個展示的區域，不管是用來做廣告輪播的功能還是要做自己內容的展示，都會很需要用到一個區域來展示一些資訊。而 jQuery – Lite content slider 就是可以能來展示這些資訊的一個套件，精簡的內容展示套件具有高訂製性的能力更重要的是套件壓縮過後大小僅 1.8 KB 左右。

No 意見

Easy Expand jQuery 實際執行畫面

現在的折疊式選單大部分都只能夠在一個時間開啟一個項目，如果使用者或者是您的客戶們希望能夠同一時間看到多個選項，那這一個折疊式選單套件就非常適合你了。Easy Expand jQuery 主要用於同一頁面上輕鬆快速創建多個折疊式面板。可以同時開啟或關閉所有的面板也能夠個別開關。

No 意見

liteAccordion 實際執行畫面

liteAccordion 是一個用來快速創建吸引人的水平折疊效果的 jQuery 套件。套件的大小只有 1.4 KB 左右，可以展示任何的 HTML 元素包括：圖片、段落、視訊和 Flash 等等。可以設置無限個分層檢視，並且可在初始化中選中其中一個分層頁面中。另外還可設置包括：自動撥放、暫停播放、轉換速度等等。liteAccordion 還支援自定義外觀，內建有五種外觀可以選擇。