JavaScript Кнопка не работает в одном разделе

Question

На сайте я использую всплывающее модальное окно. Во всех разделах сайта он используется и работает нормально, но в одном из разделов он не работает. Почему? Глобальный раздел:

 <!-- Sidebar  -->
 <nav id="sidebar">
     <div id="dismiss">

     </div>

     <div class="sidebar-header">
         <h3>Menu</h3>
     </div>

    this is menu
     </ul>

 </nav>

Моя кнопка:

<button type="button" id="sidebarCollapse" class="btn-yellow" data-ng-if="user.accessToken">Open sidebar</button>

И в JS файл в первой строке:

$(document).ready(function () {
       $("#sidebar").mCustomScrollbar({
        theme: "minimal"
    });

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

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

Почему это работает во всех разделах , но не работает ни в одном? В чем может быть проблема?