1/* 2 * Collapse plugin for jQuery 3 * -- 4 * source: http://github.com/danielstocks/jQuery-Collapse/ 5 * site: http://webcloud.se/jQuery-Collapse 6 * 7 * @author Daniel Stocks (http://webcloud.se) 8 * Copyright 2013, Daniel Stocks 9 * Released under the MIT, BSD, and GPL Licenses. 10 */ 11 12(function($) { 13 14 // Constructor 15 function Collapse (el, options) { 16 options = options || {}; 17 var _this = this, 18 query = options.query || "> :even"; 19 20 $.extend(_this, { 21 $el: el, 22 options : options, 23 sections: [], 24 isAccordion : options.accordion || false, 25 db : options.persist ? jQueryCollapseStorage(el.get(0).id) : false 26 }); 27 28 // Figure out what sections are open if storage is used 29 _this.states = _this.db ? _this.db.read() : []; 30 31 // For every pair of elements in given 32 // element, create a section 33 _this.$el.find(query).each(function() { 34 new jQueryCollapseSection($(this), _this); 35 }); 36 37 // Capute ALL the clicks! 38 (function(scope) { 39 _this.$el.on("click", "[data-collapse-summary] " + (scope.options.clickQuery || ""), 40 $.proxy(_this.handleClick, scope)); 41 42 _this.$el.bind("toggle close open", 43 $.proxy(_this.handleEvent, scope)); 44 45 }(_this)); 46 } 47 48 Collapse.prototype = { 49 handleClick: function(e, state) { 50 e.preventDefault(); 51 var state = state || "toggle" 52 var sections = this.sections, 53 l = sections.length; 54 while(l--) { 55 if($.contains(sections[l].$summary[0], e.target)) { 56 sections[l][state](); 57 break; 58 } 59 } 60 }, 61 handleEvent: function(e) { 62 if(e.target == this.$el.get(0)) return this[e.type](); 63 this.handleClick(e, e.type); 64 }, 65 open: function(eq) { 66 if(isFinite(eq)) return this.sections[eq].open(); 67 $.each(this.sections, function(i, section) { 68 section.open(); 69 }) 70 }, 71 close: function(eq) { 72 if(isFinite(eq)) return this.sections[eq].close(); 73 $.each(this.sections, function(i, section) { 74 section.close(); 75 }) 76 }, 77 toggle: function(eq) { 78 if(isFinite(eq)) return this.sections[eq].toggle(); 79 $.each(this.sections, function(i, section) { 80 section.toggle(); 81 }) 82 } 83 }; 84 85 // Section constructor 86 function Section($el, parent) { 87 88 if(!parent.options.clickQuery) $el.wrapInner('<a href="#"/>'); 89 90 $.extend(this, { 91 isOpen : false, 92 $summary : $el.attr("data-collapse-summary",""), 93 $details : $el.next(), 94 options: parent.options, 95 parent: parent 96 }); 97 parent.sections.push(this); 98 99 // Check current state of section 100 var state = parent.states[this._index()]; 101 102 if(state === 0) { 103 this.close(true) 104 } 105 else if(this.$summary.is(".open") || state === 1) { 106 this.open(true); 107 } else { 108 this.close(true) 109 } 110 } 111 112 Section.prototype = { 113 toggle : function() { 114 this.isOpen ? this.close() : this.open(); 115 }, 116 close: function(bypass) { 117 this._changeState("close", bypass); 118 }, 119 open: function(bypass) { 120 var _this = this; 121 if(_this.options.accordion && !bypass) { 122 $.each(_this.parent.sections, function(i, section) { 123 section.close() 124 }); 125 } 126 _this._changeState("open", bypass); 127 }, 128 _index: function() { 129 return $.inArray(this, this.parent.sections); 130 }, 131 _changeState: function(state, bypass) { 132 133 var _this = this; 134 _this.isOpen = state == "open"; 135 if($.isFunction(_this.options[state]) && !bypass) { 136 _this.options[state].apply(_this.$details); 137 } else { 138 _this.$details[_this.isOpen ? "show" : "hide"](); 139 } 140 141 _this.$summary.toggleClass("open", state != "close") 142 _this.$details.attr("aria-hidden", state == "close"); 143 _this.$summary.attr("aria-expanded", state == "open"); 144 _this.$summary.trigger(state == "open" ? "opened" : "closed", _this); 145 if(_this.parent.db) { 146 _this.parent.db.write(_this._index(), _this.isOpen); 147 } 148 } 149 }; 150 151 // Expose in jQuery API 152 $.fn.extend({ 153 collapse: function(options, scan) { 154 var nodes = (scan) ? $("body").find("[data-collapse]") : $(this); 155 return nodes.each(function() { 156 var settings = (scan) ? {}
156 : options, 157 values = $(this).attr("data-collapse") || ""; 158 $.each(values.split(" "), function(i,v) { 159 if(v) settings[v] = true; 160 }); 161 new Collapse($(this), settings); 162 }); 163 } 164 }); 165 166 //jQuery DOM Ready 167 $(function() { 168 $.fn.collapse(false, true); 169 }); 170 171 // Expose constructor to 172 // global namespace 173 jQueryCollapse = Collapse; 174 jQueryCollapseSection = Section; 175 176})(window.jQuery);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.