https://doesinfotech.com/wp-content/themes/doesinfotech/js/jquery.accordion.js

1/**
2	插件介绍：手风琴式标签页
3	方法名：accordion
4	参数：options={
5		clickItem : $('.same_open'),//展开详情页的点击按钮元素
6		contentItem : $('.same_open_content'),//详情页元素容器
7		contentWidth : '340px',//详情页元素容器的宽度，（这个参数更改后需要修改相应的css样式）
8		closeTime : 500,//关闭当前展开页容器的时间，默认500毫秒
9		openTime : 500,//展开被选取的详情页容器的时间，默认500毫秒
10		tmpInput : $('#tmp'),//临时隐藏记录域元素，作用：记录当前展开的详情页的标记
11		clickItemBgColor : '#9d8757',//展开详情页的点击按钮元素的背景色
12		contentItemBgColor : '#e2dbcc'//详情页元素容器的背景色
13	}
14*/
15;(function($){
16	$.fn.accordion = function(options){
17
18		var defaults = {
19			clickItem : $('.same_open'),
20			contentItem : $('.same_open_content'),
21			contentWidth : '340px',
22			closeTime : 500,
23			openTime : 500,
24			tmpInput : $('#tmp'),
25			clickItemBgColor : '#9d8757',
26			contentItemBgColor : '#e2dbcc'
27
28		}
29		var obj = $.extend(defaults,options);
30
31		obj.clickItem.css('backgroundColor',obj.clickItemBgColor);
32		obj.contentItem.css('backgroundColor',obj.contentItemBgColor);
33
34		obj.clickItem.click(function(){
35			var _item = obj.tmpInput.val();
36			var _data = $(this).attr('data');
37			obj.contentItem.animate({width:0},obj.closeTime);
38			$('#'+_data).animate({width:obj.contentWidth},obj.openTime,function(){
39				obj.tmpInput.val(_data);
40			});
41		});
42
43		return this;
44	}
45})(jQuery);