Кнопка не работает при первом нажатии и как добавить значок до и после нажатия

Question

Кнопка не работает при первом нажатии.И не уверен, как поставить значок «до» и «после» в этой кнопке.

Пытается добавить значок в CSS, но не меняет его после нажатия

<script>
$(document).ready(function() {
  $('#bt_sidebar').click(function() {
    if ($('.proj_timeline_sidebar').hasClass('active')) {
      $('.proj_timeline_sidebar').addClass(10, function() {
        setTimeout(function() {
          $('.proj_main_content').removeClass('col-lg-9');
          $('.proj_timeline_sidebar').removeClass('active');
          $('.proj_timeline_sidebar').hide();
        }, 10);
      });
    } else {
      $('.proj_timeline_sidebar').addClass('active');
      $('.proj_main_content').addClass('col-lg-9');
      $('.proj_timeline_sidebar').show();
    }
  });

});
</script>