кнопка переключения не удаляет класс должным образом - PullRequest
Новая
       6

кнопка переключения не удаляет класс должным образом

0 голосов
/ 19 сентября 2018

Может ли кто-нибудь помочь с этим javascript?

Я хотел бы использовать переключатель для отображения и скрытия некоторых DIV.

При первом нажатии кнопки (с #sidebarCollapse) я хочуон отображает 2 деления с именами #sidebar и .overlay и при повторном нажатии на ту же кнопку (с #sidebarCollapse) удалит класс из вышеуказанных 2 делений (#sidebar .active / .overlay).active)

Я правильно установил CSS, но не знаю, как использовать javascript.

Пожалуйста, посмотрите на следующий javascript, он не удаляет .overlay .activeкласс, когда я нажимаю кнопку (с #sidebarCollapse) во второй раз.

Не могли бы вы помочь с этим?

Большое спасибо заранее!

$(document).ready(function () {

     $('#sidebarCollapse').on('click', function () {
         $('#sidebar').toggleClass('active');
         $('.overlay').addClass('active');
         $(this).toggleClass('active');
     });

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

     });
 });
...