jQuery - click and click again on the same element

Question

function showBtnDefault () {
  $(shareBtn).removeClass('on-click');
  $('.share-news-content > img.ico').attr('src', defIco);
  $(shareBox).removeClass('in');
  $('html, body').css({ overflow: 'auto',height: 'auto'});
}

$(shareBox).each(function () {
  $(this).on('click', function(){
    showBtnDefault();
  });
  
  $(shareBtn).on('click', function(){
    $('html, body').css({overflow: 'hidden', height: '100%'});
    $(shareBox).addClass('in');
    $('.share-news-content > img.ico').attr('src', closeIco);
    $(this).addClass('on-click');
  });
  var open = false;
  $(shareBtn).click(function() {
      open = !open;

      if(open) {
          console.log('11');
      } else {
        showBtnDefault();
      }
  });
});