topical media & game development

talk show tell print

mobile-query-three-www-vendor-doccoviewer-vendor-bootstrap-docs-assets-js-bootstrap-collapse.js / js



  /* =============================================================
   * bootstrap-collapse.js v2.0.0
   * http://twitter.github.com/bootstrap/javascript.html#collapse
   * =============================================================
   * Copyright 2012 Twitter, Inc.
   *
   * Licensed under the Apache License, Version 2.0 (the "License");
   * you may not use this file except in compliance with the License.
   * You may obtain a copy of the License at
   *
   * http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   * ============================================================ */
  
  !function(  ){
  
    "use strict"
  
    var Collapse = function ( element, options ) {
            this.element = element
      this.options = .extend({}, .fn.collapse.defaults, options)
  
      if (this.options["parent"]) {
        this.parent = $(this.options["parent"])
      }
  
      this.options.toggle && this.toggle()
    }
  
    Collapse.prototype = {
  
      constructor: Collapse
  
    , dimension: function () {
        var hasWidth = this.element.hasClass('width')
        return hasWidth ? 'width' : 'height'
      }
  
    , show: function () {
        var dimension = this.dimension()
          , scroll = .camelCase(['scroll', dimension].join('-'))
          , actives = this.parent && this.parent.find('.in')
          , hasData
  
        if (actives && actives.length) {
          hasData = actives.data('collapse')
          actives.collapse('hide')
          hasData || actives.data('collapse', null)
        }
  
        this.element[dimension](0)
        this.transition('addClass', 'show', 'shown')
        this.element[dimension](this.element[0][scroll])
  
      }
  
    , hide: function () {
        var dimension = this.dimension()
        this.reset(this.element[dimension]())
        this.transition('removeClass', 'hide', 'hidden')
        this.element[dimension](0)
      }
  
    , reset: function ( size ) {
        var dimension = this.dimension()
  
        this.element
          .removeClass('collapse')
          [dimension](size || 'auto')
          [0].offsetWidth
  
        this.element.addClass('collapse')
      }
  
    , transition: function ( method, startEvent, completeEvent ) {
        var that = this
          , complete = function () {
              if (startEvent == 'show') that.reset()
              that.element.trigger(completeEvent)
            }
  
        this.element
          .trigger(startEvent)
          [method]('in')
  
        .support.transition && this.element.hasClass('collapse') ?
          this.element.one(.support.transition.end, complete) :
          complete()
            }
  
    , toggle: function () {
        this[this.element.hasClass('in') ? 'hide' : 'show']()
            }
  
    }
  
    /* COLLAPSIBLE PLUGIN DEFINITION
    * ============================== */
  
    .fn.collapse = function ( option ) {
      return this.each(function () {
        var this = this
          , data = this.data('collapse')
          , options = typeof option == 'object' && option
        if (!data) this.data('collapse', (data = new Collapse(this, options)))
        if (typeof option == 'string') data[option]()
      })
    }
  
    .fn.collapse.defaults = {
      toggle: true
    }
  
    .fn.collapse.Constructor = Collapse
  
   /* COLLAPSIBLE DATA-API
    * ==================== */
  
    $(function () {
      $('body').on('click.collapse.data-api', '[data-toggle=collapse]', function ( e ) {
        var this = this, href
          , target = this.attr('data-target')
            || e.preventDefault()
            || (href = this.attr('href')) && href.replace(/.*(?=#[^\s]+)/, '') //strip for ie7
          , option = target.data('collapse') ? 'toggle' : this.data()
        target.collapse(option)
      })
    })
  
  }( window.jQuery )
  


(C) Æliens 04/09/2009

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.