NiceScroll.js на боковой панели начальной загрузки 4 не работает

Question

Я пытаюсь реализовать nicescroll.js в моем меню боковой панели. Sidemenu скрыто и раскрывается с помощью кода js:

$('#dismiss, .sidebar-overlay').on('click', function () {
        // hide sidebar
        $('#sidebar').removeClass('active');
        // hide overlay
        $('.sidebar-overlay').removeClass('active');
        // animate icon
        $('#sidebarCollapse').removeClass('active');
    });

        $('#sidebarCollapse').on('click', function () {
            // open sidebar
            $('#sidebar').addClass('active');
            // fade in the overlay
            $('.sidebar-overlay').addClass('active');
            $('.collapse.in').toggleClass('in');
            $('a[aria-expanded=true]').attr('aria-expanded', 'false');
            $('.collapse.show').removeClass('show');
            // animate icon
            $('#sidebarCollapse').addClass('active');
        });

Теперь на боковой панели я пытаюсь использовать nicescroll.js вот так:

$('#sidebarCollapse').on('click', function () {
  $("#sidebar-menu").niceScroll({
    scrollspeed: 80,
    mousescrollstep: 40,
    cursorcolor: "#949caf",
    cursoropacitymax: 0.5
  });
  $("#sidebar-menu").getNiceScroll().resize();
});

    $('#dismiss', '.sidebar-overlay').click(function () {
        $("#sidebar-menu").getNiceScroll().remove();
    });

Но без успеха. Мне нужно инициировать nicescroll в sidemenu, когда я нажимаю "#sidebarCollapse", и удалять его, когда я нажимаю "#dismiss" или "sidebar-overlay".

Вы можете увидеть мой пример на codepen здесь: https://codepen.io/haralake/pen/YJoJPg