10個jQuery的標簽頁tabs和手風琴效果Accordion實現

手風琴效果和標簽頁效果很類似。主要的區別在于顯示和隱藏的方式不同。這里我們精心收集了10個標簽頁和手風琴效果的實現，希望大家喜歡！

1. Yetii – Yet (E)Another JavaScript Tab Interface

不使用javascript而使用輕量級，面對對象的代碼，你可以有很多獨立的標簽頁界面，指定初始的標簽，打開自動標簽輪播，添加上一個/下一個導航等等

2. Fresh Content Accordion

一個簡單，但是非常炫的手風琴效果實現，使用CSS，jQuery和easing插件

3. Sweet AJAX Tabs with jQuery 1.4 And CSS3

在這個教程中你將學習創建一個多彩的AJAX支持的標簽頁頁面，使用CSS3和jQuery1.4。

4. TN34 Timetabs – jQuery Plugin

這個jQuery插件由Mario Alves開發，自動切換標簽頁，兼容現代瀏覽器

5. Easy Accordion – jQuery Plugin

根據定義的list來產生一個非常光滑的水平手風琴效果。你可以定義幻燈或者靜態效果

6. jQuery Smooth Tabs Plugin

使用簡單的插件，允許你使用漂亮的效果展示內容，提供更好的用戶體驗

7. Elegant Accordion – jQuery And CSS3

一個使用簡單的教程，幫助你創建優雅的手風琴效果。主要想法是鼠標懸浮時使用垂直的標簽滑出

8. Collapser – jQuery Plugin

一個非常輕量級的Collapse插件用來擴展或者收縮元素

9. Horizontal Accordion using the Tabs

非常容易使用標簽頁創建水平手風琴效果。使用內置的水平效果和一些CSS調整。你可以創建很大不同的外觀。你可以設置mouseover的事件配置屬性，這樣直到mouseover面板才展現

10. Multiple Tabs and Accordion instances

自從jQuery Tools 1.1.0 就可以使用一個調用來實例多個手風琴tab。這里你可以看到5個不同的Tabs，其中3個鑲套在第二個Tab中。

via jquery4u.com

來源： 分享10個jQuery的標簽頁tabs和手風琴效果Accordion實現