单击子主题菜单时如何关闭侧边栏菜单

Question

所以我有一个侧边栏菜单，该边栏菜单会在叠加层上关闭，但是似乎单击子主题时关闭侧边栏似乎更平滑。我想在不删除覆盖功能的情况下实现该代码

现在，我具有通过叠加功能关闭的侧边栏菜单

<nav id="sidebar">
            <div id="dismiss">
                <i class="glyphicon glyphicon-arrow-left"></i>
            </div>

            <div class="sidebar-header">
                <h3>Tutorial OnPay</h3>
            </div>

            <ul class="list-unstyled components">
                <p>Topik 1 : Pendaftaran + Pengaktifan + Log Masuk</p>
                <li>
                    <a href="#daftar" data-toggle="collapse" aria-expanded="false">1.1 Pendaftaran OnPay</a>
                    <ul class="collapse list-unstyled" id="daftar">
                        <li><a href="#layari-laman-onpay">1.1.1 Layari Laman Web</a></li>
                        <li><a href="#pilih-subdomain">1.1.2 Pilih Subdomain</a></li>
                        <li><a href="#pilih-email">1.1.3 Pilih Emel</a></li>
                        <li><a href="#pilih-ID-dan-kata-laluan">1.1.4 Pilih ID dan Kata Laluan</a></li>
                        <li><a href="#isi-maklumat-profil-diri">1.1.5 Isi Maklumat Profil Diri</a></li>
                        <li><a href="#pengesahan-spam">1.1.6 Pengesahan Spam/Robot (reCAPTCHA)</a></li>
                        <li><a href="#klik-butang-daftar">1.1.7 Klik Butang Daftar</a></li>
                    </ul>
                </li>
</nav>

这是带有覆盖层的jquery部分。我想实现在单击子主题时边栏自动关闭。我尝试使用在Google上找到的普通代码，但似乎不起作用。

<script type="text/javascript">
        $(document).ready(function () {
            $("#sidebar").mCustomScrollbar({
                theme: "minimal"
            });

            $('#dismiss, .overlay').on('click', function () {
                $('#sidebar').removeClass('active');
                $('.overlay').fadeOut();
            });

            $('#sidebarCollapse').on('click', function () {
                $('#sidebar').addClass('active');
                $('.overlay').fadeIn();
                $('.collapse.in').toggleClass('in');
                $('a[aria-expanded=true]').attr('aria-expanded', 'false');
            });
        });
    </script>