| OLD | NEW |
| (Empty) | |
| 1 /* ============================================================= |
| 2 * bootstrap-collapse.js v2.0.4 |
| 3 * http://twitter.github.com/bootstrap/javascript.html#collapse |
| 4 * ============================================================= |
| 5 * Copyright 2012 Twitter, Inc. |
| 6 * |
| 7 * Licensed under the Apache License, Version 2.0 (the "License"); |
| 8 * you may not use this file except in compliance with the License. |
| 9 * You may obtain a copy of the License at |
| 10 * |
| 11 * http://www.apache.org/licenses/LICENSE-2.0 |
| 12 * |
| 13 * Unless required by applicable law or agreed to in writing, software |
| 14 * distributed under the License is distributed on an "AS IS" BASIS, |
| 15 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| 16 * See the License for the specific language governing permissions and |
| 17 * limitations under the License. |
| 18 * ============================================================ */ |
| 19 |
| 20 |
| 21 !function ($) { |
| 22 |
| 23 "use strict"; // jshint ;_; |
| 24 |
| 25 |
| 26 /* COLLAPSE PUBLIC CLASS DEFINITION |
| 27 * ================================ */ |
| 28 |
| 29 var Collapse = function (element, options) { |
| 30 this.$element = $(element) |
| 31 this.options = $.extend({}, $.fn.collapse.defaults, options) |
| 32 |
| 33 if (this.options.parent) { |
| 34 this.$parent = $(this.options.parent) |
| 35 } |
| 36 |
| 37 this.options.toggle && this.toggle() |
| 38 } |
| 39 |
| 40 Collapse.prototype = { |
| 41 |
| 42 constructor: Collapse |
| 43 |
| 44 , dimension: function () { |
| 45 var hasWidth = this.$element.hasClass('width') |
| 46 return hasWidth ? 'width' : 'height' |
| 47 } |
| 48 |
| 49 , show: function () { |
| 50 var dimension |
| 51 , scroll |
| 52 , actives |
| 53 , hasData |
| 54 |
| 55 if (this.transitioning) return |
| 56 |
| 57 dimension = this.dimension() |
| 58 scroll = $.camelCase(['scroll', dimension].join('-')) |
| 59 actives = this.$parent && this.$parent.find('> .accordion-group > .in') |
| 60 |
| 61 if (actives && actives.length) { |
| 62 hasData = actives.data('collapse') |
| 63 if (hasData && hasData.transitioning) return |
| 64 actives.collapse('hide') |
| 65 hasData || actives.data('collapse', null) |
| 66 } |
| 67 |
| 68 this.$element[dimension](0) |
| 69 this.transition('addClass', $.Event('show'), 'shown') |
| 70 this.$element[dimension](this.$element[0][scroll]) |
| 71 } |
| 72 |
| 73 , hide: function () { |
| 74 var dimension |
| 75 if (this.transitioning) return |
| 76 dimension = this.dimension() |
| 77 this.reset(this.$element[dimension]()) |
| 78 this.transition('removeClass', $.Event('hide'), 'hidden') |
| 79 this.$element[dimension](0) |
| 80 } |
| 81 |
| 82 , reset: function (size) { |
| 83 var dimension = this.dimension() |
| 84 |
| 85 this.$element |
| 86 .removeClass('collapse') |
| 87 [dimension](size || 'auto') |
| 88 [0].offsetWidth |
| 89 |
| 90 this.$element[size !== null ? 'addClass' : 'removeClass']('collapse') |
| 91 |
| 92 return this |
| 93 } |
| 94 |
| 95 , transition: function (method, startEvent, completeEvent) { |
| 96 var that = this |
| 97 , complete = function () { |
| 98 if (startEvent.type == 'show') that.reset() |
| 99 that.transitioning = 0 |
| 100 that.$element.trigger(completeEvent) |
| 101 } |
| 102 |
| 103 this.$element.trigger(startEvent) |
| 104 |
| 105 if (startEvent.isDefaultPrevented()) return |
| 106 |
| 107 this.transitioning = 1 |
| 108 |
| 109 this.$element[method]('in') |
| 110 |
| 111 $.support.transition && this.$element.hasClass('collapse') ? |
| 112 this.$element.one($.support.transition.end, complete) : |
| 113 complete() |
| 114 } |
| 115 |
| 116 , toggle: function () { |
| 117 this[this.$element.hasClass('in') ? 'hide' : 'show']() |
| 118 } |
| 119 |
| 120 } |
| 121 |
| 122 |
| 123 /* COLLAPSIBLE PLUGIN DEFINITION |
| 124 * ============================== */ |
| 125 |
| 126 $.fn.collapse = function (option) { |
| 127 return this.each(function () { |
| 128 var $this = $(this) |
| 129 , data = $this.data('collapse') |
| 130 , options = typeof option == 'object' && option |
| 131 if (!data) $this.data('collapse', (data = new Collapse(this, options))) |
| 132 if (typeof option == 'string') data[option]() |
| 133 }) |
| 134 } |
| 135 |
| 136 $.fn.collapse.defaults = { |
| 137 toggle: true |
| 138 } |
| 139 |
| 140 $.fn.collapse.Constructor = Collapse |
| 141 |
| 142 |
| 143 /* COLLAPSIBLE DATA-API |
| 144 * ==================== */ |
| 145 |
| 146 $(function () { |
| 147 $('body').on('click.collapse.data-api', '[data-toggle=collapse]', function (
e ) { |
| 148 var $this = $(this), href |
| 149 , target = $this.attr('data-target') |
| 150 || e.preventDefault() |
| 151 || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') /
/strip for ie7 |
| 152 , option = $(target).data('collapse') ? 'toggle' : $this.data() |
| 153 $(target).collapse(option) |
| 154 }) |
| 155 }) |
| 156 |
| 157 }(window.jQuery); |
| OLD | NEW |