您好,歡迎來到web微博客 設為首頁加入收藏
web微博客最好的資源共享平臺!
精品cms模板和教程都在這里!
web微博客清新上線!

簡單的手風琴效果
2017-02-08 13:57:42   來源:web微博客   評論:0 點擊:

分享到:
這是一個快速實現手風琴效果的簡單方法:123456789 關閉所有面板$(& 39; accordion& 39;) find(& 39; content& 39;) hide(); 手風琴效果$(& 39; accordion& 39;) find(& 39; accordion-header& 39;) click(
這是一個快速實現手風琴效果的簡單方法:

		
1
2
3
4
5
6
7
8
9

		
// 關閉所有面板
$('#accordion').find('.content').hide();
// 手風琴效果
$('#accordion').find('.accordion-header').click(function () {
var next = $(this).next();
next.slideToggle('fast');
$('.content').not(next).slideUp('fast');
return false;
});

通過添加這段腳本,你實際要做的只是提供必要的 HTML 元素以便它正常運行。

上一篇:jq切換淡出 / 滑動效果
下一篇:使兩個 div 等高

湖南快乐十分走势图表