Magento 2 Widget: Collapsible until breakpint

collapsible-untill-breakpoint.js

define([
    'jquery',
    'matchMedia',
    'mage/collapsible'
], function($, mediaCheck) {
    'use strict';

    $.widget('collapsibleUntilBreakpoint', {
        options: {
            breakpoint: 768,
        },
        collapsibleInitialized: false,

        _create: function () {
            mediaCheck({
                media: '(max-width: ' + this.options.breakpoint + 'px',
                entry: $.proxy(function () {
                    this._initCollapsible();
                }, this),
                exit: $.proxy(function () {
                    this._stopCollapsible();
                }, this)
            })
        },

        _initCollapsible: function () {
            this.collapsibleInitialized = true;
            this.element.collapsible();
        },

        _stopCollapsible: function () {
            if (!this.collapsibleInitialized) {
                return;
            }

            this.element.collapsible('activate');
            this.element.data('mageCollapsible').destroy();
            this.element.find('[data-role=content]').attr('style', '');

            this.collapsibleInitialized = false;
        }
    });

    return $.collapsibleUntilBreakpoint;
});