jquery expand content

index.html

<div id="lastest-video" class="hidden">
    ....
</div>

<a href="#lastest-video" class="btn btn-allwidth expand-trigger" data-expand-text="view more latest videos +" data-collapse-text="collapse latest video -">
                view more latest videos +
</a>
       

jquery.expandcontent.js

(function($){
    $.fn.expandContent = function(settings) {

        var defaultSettings = {}, $elem, $content;
        settings = $.extend({}, defaultSettings, settings || {});

        var toggleContent = function toggleContent(){
            $content.slideToggle(240, function(){
                changeLabel();
            });
        };

        var changeLabel = function changeLabel(){
            var text = ($content.css('display') === 'none') ? $elem.attr('data-expand-text') : $elem.attr('data-collapse-text');
            $elem.html( text );
        };

        return this.each(function() {
            $elem = $(this);
            $content = $($elem.attr('href'));

            $elem.on('click', function(e){
                e.preventDefault();
                toggleContent();
            });

        });
    };
})(jQuery);