jQuery - Toggle locking the page position and grey out background when sidebar drawer opens

sidebarToggleActions.js

// This is for use with AdminLTE, but the same stuff can be applied to other drawer plugins.
$(document).ready(function() {
   // Lock the page when drawer is open.
    $('[data-toggle="control-sidebar"]').on('expanded.controlsidebar', sidebarOpenActions);

    // Unlock.
    $('[data-toggle="control-sidebar"]').on('collapsed.controlsidebar', sidebarCloseActions);
        
    // Allow Esc to close the drawer.
    $(document).keyup(function(e) {
        if (e.keyCode === 27 && $('aside.control-sidebar').hasClass('control-sidebar-open')) {
            $('aside.control-sidebar').removeClass('control-sidebar-open').addClass('control-sidebar-close');

            sidebarCloseActions();
        }
    });

    function sidebarOpenActions()
    {
        $('html, body').css({
            overflow: 'hidden',
            height: '100%'
        });

        // Fade out content area.
        $('.content-wrapper').fadeTo(500, .3);
    }

    function sidebarCloseActions()
    {
        $('html, body').css({
            overflow: 'auto',
            height: 'auto'
        });

        // Fade in content area.
        $('.content-wrapper').fadeTo(500, 1);
});