Javascript Prototype Template

javascript_template.js

var HotelDescription = (function ($) {
  "use strict";

  var HotelDescription = function ($element) {
    this.$long = $('.long-description', $element);
    this.$short = $('.short-description', $element);
    this.$more = $('.read-more', $element);
    this.$less = $('.read-less', $element);

    this.bind();
  };

  HotelDescription.init = function($element) {
    new HotelDescription($element);
  };

  HotelDescription.prototype = {
    bind: function() {
      var self = this;

      this.$more.on('click', function(e) {
        self.showLong();
        e.preventDefault();
      });

      this.$less.on('click', function(e) {
        self.showShort();
        e.preventDefault();
      });
    },
    showLong: function() {
      this.$short.hide();
      this.$long.show();
    },
    showShort: function() {
      this.$long.hide();
      this.$short.show();
    }
  };

  return HotelDescription;
}(jQuery));

$(document).ready(function () {
  HotelDescription.init($("div.hotel-details .hotel-description"));
});