web前端|js教程
Collapse1.1.0,jQuery,使用方法
web前端-js教程
本文主要介绍了jQuery Collapse1.1.0折叠插件的使用方法
，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。
微信自定义菜单php源码,vscode所有px装欢,ubuntu还原gurb,怎么下载tomcat 7,博学谷爬虫,php url hash,seo内容重复怎么处理,餐饮加盟网站模板,淘宝客帝国cms模板下载lzw
最新asp淘宝客源码,vscode 带参数调试,ubuntu 通讯工具,黑夜汉化组tomcat,婚恋网爬虫,php 波形图,怎样进行seo推广代做,社区门户论坛网站源码,玉石网站模板lzw
/*!* jQuery collapse - A Wizard Plugin - /yeyuansheng/* ------------------------------------------------------------------------------------** @version 1.1.0* @since .08.28* @author 夜原生* @documentation /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 == \)?$(obj).children(:first):$(obj).find(> +op.panel);panel.on(op.event,function(){ var parent = $(this).parent(); var sub = (op.content == \)?parent.children().eq(1):parent.find(> +op.content); if($(sub).is(:visible)) {if(op.shut){ collapse._animate(sub,op,0,function(){ parent.removeClass(op.class); op.func(); });} }else{parent.siblings().each(function(){ var t = $(this); if(t.hasClass(op.active)){ var uls = (op.content == \)?t.children().eq(1):t.find(> +op.content); if(uls.length == 0){t.removeClass(op.active); }else{collapse._animate(uls,op,0,function(){ t.removeClass(op.active);}); } }});parent.addClass(op.active);collapse._animate(sub,op,1,function(){ op.func();}); }}); }, itemChange:function(item,op){var uls = (op.content == \)?$(item).children().eq(1):$(item).children().find(> +op.content);uls.children().on(op.event,function(){ $(item).parent().children().each(function(){if(op.content == \){ $(this).children().eq(1).children().removeClass(op.class);}else{ $(this).children().find(> +op.content).children().removeClass(op.class);} }); $(this).addClass(op.class);}); }, _animate:function(obj,op,bool,callback){if(op.style){ if(bool){slide =(op.style == x)?collapse.style.slideLeft:collapse.style.slideDown; }else{slide =(op.style == x)?collapse.style.slideRight:collapse.style.slideUp; } obj.animate(slide,op.speed,callback); }else{ (bool)?obj.show():obj.hide();//可以改用CLASS控制} }, open:function(obj,op,open){var li = $(obj).children().eq(open[0]);li.addClass(op.active);var ul = (op.content == \)?li.children().eq(1):li.find(> +op.content);ul.show();ul.children().eq(open[1]).addClass(op.class); } } $.fn.collapse = function(options){ var opts = collapse.init(options); if(opts.open != \)collapse.open(this,opts,opts.open); $(this).children().each(function(){collapse.clickChange(this,opts);collapse.itemChange(this,opts); }); } $.fn.collapse.defaults = {panel: \, content: \, active: active, shut: true, style: y, speed: 200, event: "click", class: active, func: function(){}, open:\ }})(jQuery);
网页游戏flash源码,装ubuntu20,爬虫网页抽取异常,php 类 php5.4,找seo公司lzw
css属性border-collapse与border-spacing的区别详解
CSS 表格中的单元格边框重叠的border-collapse属性
css border-collapse的使用详解
