jQuery Collapse1.1.0折叠插件简单使用
(编辑:jimmy 日期: 2024/11/15 浏览:3 次 )
本文实例为大家分享了jQuery Collapse1.1.0折叠插件的使用,供大家参考,具体内容如下
/*! * jQuery collapse - A Wizard Plugin - http://www.cnblogs.com/yeyuansheng/ * ------------------------------------------------------------------------------------ * * @version 1.1.0 * @since 2017.08.28 * @author 夜原生 * @documentation http://www.cnblogs.com/yeyuansheng/ * * Usage with default values: * ------------------------------------------------------------------------------------ * { * panel: '',//默认空为第一个标签 * content: '',//默认空为第二个标签 * active: 'active',//点击样式 * shut: true,//展开的在次点击可闭合 * style: 'y',//x,y,0上下左右滑动展开/无动作展开 * speed: 200,//动作的速度 * event: "click",//动作 * class: 'active',//item 样式 * func: function(){},//增加事件 * open:''//默认打开 * } */ (function($) { var collapse = { version:'1.1.0', style:{ slideRight: { width : "hide", paddingLeft : "hide", paddingRight : "hide", marginLeft : "hide", marginRight : "hide" }, slideLeft: { width : "show", paddingLeft : "show", paddingRight : "show", marginLeft : "show", marginRight : "show" }, slideUp: { borderTopWidth: "hide", borderBottomWidth: "hide", paddingTop: "hide", paddingBottom: "hide", height: "hide" }, slideDown: { borderTopWidth: "show", borderBottomWidth: "show", paddingTop: "show", paddingBottom: "show", height: "show" } }, init:function(options){ var opts = $.extend({}, $.fn.collapse.defaults, options); if(opts.style == 'x' && options.shut == 'undefined'){ opts.shut = false; } return opts; }, clickChange:function(obj,op){ var panel = (op.panel == '')"click", class: 'active', func: function(){}, open:'' } })(jQuery);
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
下一篇:解决IE7中使用jQuery动态操作name问题