Javascript Backbone Marionette Truncation View

truncationView.js

   View.TruncationView = Backbone.Marionette.View.extend({

        limit: 3,

        events: {
            'click .btn_less': 'truncateClicked',
            'click .btn_more': 'unTruncateClicked'
        },

        truncateClicked: function(e){
            e.preventDefault();
            this.truncate();
        },

        unTruncateClicked: function(e){
            e.preventDefault();
            this.unTruncate();
        },

        truncate: function() {

            var index = this.limit - 1;
            var top = this.$el.find('li').eq( index ).position().top;
            var height = this.$el.find('li').eq( index ).outerHeight();

            this.$el.find('ul').height( top + height );
            this.$el.find('.btn_less').hide();
            this.$el.find('.btn_more').show();

        },

        unTruncate: function() {

            this.$el.find('ul').css('height', 'auto');
            this.$el.find('.btn_less').show();
            this.$el.find('.btn_more').hide();
        },

        onFetched: function() {

            if ( this.$el.find('li').length > this.limit ) {
                this.truncate();
            }

        }

    });