طراحی اسلاید منو

سلام 

برای طراحی قالب ادمین قسمت اسلاید منو بجای اینکه از روش شما استفاده کنم و دوتا ایکون بزارم ,  یک دونه ایکون bars گزاشتم و در قسمت jquery  از این روش استفاده کردم 

$(document).ready(function () {
  $("#sidebar_toggle").click(function (e) {
    $("#left-side").removeClass("d-none");
    $("#left-side").toggleClass("sidebar-auto");
    $("#main-body").animate({ width: "100%" }, 300);
  });
});

و این  کد اسلاید منو من هست و کلاس هایی ک بهش دادم

      <aside class="sidebar d-none d-md-inline" id="left-side"> ......./aside>

و این هم کد css هست ک دادم هر موقع ک کلیک شد بهش اضافه و یا کم کنه 

.sidebar-auto {
  display: none !important;
}

همه چیز به خوبی کار میکنه بجز در حالت موبایل و منو نمایش داده نمیشه باید دوبار کلیک کنم تا منو نمایش بده 

ممنون میشم کمکم کنید