手風琴效果的應用非常廣泛，我們常見的有手風琴圖檔切換和手風琴菜單，同時它也是焦點圖的一種展現形式之一。今天我們就來分享一些基于jQuery的手風琴圖檔和菜單插件，并提供源代碼下載下傳，一起來看看吧。
1、jQuery橫向手風琴圖檔展示插件
今天我們要來介紹一款非常酷的jQuery插件，它是一款橫向的手風琴圖檔展示切換插件，每一張圖檔初始都是水準層疊在一起，點選圖檔後即可切換至下一張，并且在圖檔切換時出現水準移動的動畫特效。另外你可以定義任意數量的圖檔應用在這個手風琴圖檔插件中。
線上示範 / 源碼下載下傳
2、CSS3/jQuery垂直手風琴折疊菜單
之前我們已經分享過很多關于手風琴菜單了，有水準方向的，也有垂直方向的。今天要分享的這款CSS3垂直手風琴折疊菜單也非常不錯，這款CSS3手風琴菜單的每一個菜單項都有小圖示，而且隻能有一項展開，更有意思的是，在菜單折疊和展開式右側的箭頭也會有不錯的動畫效果。
線上示範 / 源碼下載下傳
3、jQuery手風琴式相冊圖檔展開效果
之前我們有分享過很多jQuery手風琴樣式的菜單，比如CSS3手風琴下拉菜單。今天要分享的jQuery手風琴效果很特别，它是手風琴樣式的相冊圖檔展開效果。我們隻需點選圖檔縮略圖即可展開目前的圖檔，并将其他的圖檔收縮起來。
線上示範 / 源碼下載下傳
4、CSS3手風琴下拉菜單 支援多菜單展開
這又是款基于CSS3的下拉菜單，這款CSS3菜單是手風琴樣式的，關于手風琴菜單，大家也可以回顧一下這款CSS3手風琴菜單 可同時折疊多個菜單。今天的這款CSS3手風琴菜單也類似，菜單具有3種模式，一種是同時展開多個菜單，一種是隻能同時展開一個菜單，還有一種是可以預設展開一個菜單。應該說，這款CSS3手風琴菜單非常的實用。
線上示範 / 源碼下載下傳
5、CSS3手風琴菜單 可同時折疊多個菜單
今天開始我們要來分享一些各種樣式的手風琴菜單，這次分享的CSS3手風琴菜單可以同時折疊展開多個菜單項，菜單整體是黑色的風格，并且在每一個菜單項上都有很漂亮的小圖示，小圖示像是嵌入在裡面一樣很有質感。
線上示範 / 源碼下載下傳
6、jQuery橫向手風琴圖檔滑塊插件
這次我們要來分享一款非常不錯的jQuery橫向手風琴圖檔滑塊插件，首先它是基于jQuery開發的，是以，将會相容大部分的浏覽器；其次，這款jQuery圖檔滑塊插件可以自動播放，也可以滑鼠滑過時切換，是一款效果非常不錯的jQuery手風琴圖檔插件。
線上示範 / 源碼下載下傳
7、CSS3手風琴菜單 下拉展開帶彈性動畫
利用CSS3技術可以實作各種各樣的網頁菜單，我們之前也在CSS3菜單欄目中分享了許多CSS3菜單。今天我們分享的這款是CSS3手風琴菜單，菜單項在展開和收縮的時候菜單項會有彈性動畫效果。每一層父級菜單有一個小三角，菜單項在展開的時候這個小三角也會出現動畫，非常酷。
線上示範 / 源碼下載下傳
以上就是一些炫酷的jQuery手風琴圖檔和菜單插件及源碼，歡迎收藏分享。