Basic example of Object-Oriented JS

oo-js-boilerplate.js

function Element($el) {
  // The jquery obj for the dom element represented
  this.$el = $el;

  // Other object properties used by the object
  this.$trigger  = $el.closest('.trigger');
  this.openClass = 'js-active';

  // Object functions to be called on object instantiation
  this.init();
}

Element.prototype = {
  constructor : Element,

    // Initializes the object state
    init : function() {
      // `thiss` used to maintain reference to this object, when 
      // `this` will be in a different scope later
      var thiss = this;

      this.$trigger.click(function(e){
        thiss.hasClass(thiss.openClass) ? thiss.hide() : thiss.show();
      });
     
    },

    // Other functions to make object functional
    // modular, and reusable
    
    hide : function() {
      this.$el.fadeOut();
      this.toggleClass(this.openClass);
    },

    show : function() {
      this.$el.fadeIn();
      this.toggleClass(this.openClass);
    }
}

//In some other file, this is how you'd call the above:

$(".element").each( function() {
      var element = new Element($(this));
});