toggle sidebars script for chats

toggle-sidebars.chat.stackoverflow.js

$('style').get(0).textContent += `
  .sidebar-wrapper .toggle:not(.collapsed)::before {
    content: 'hide ';
  }
  .sidebar-wrapper .collapsed::before {
    content: 'show ';
  }
  .sidebar-wrapper .toggle {
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
  }
`;
$('.sidebar-widget').each((i, el) => {
  const ident = $(el).children('[id]').prop('id');
  if (!ident) return;
  const wrapper = '<div class="sidebar-wrapper"><div class="inner-wrapper"></div></div>';
  const toggle = '<button class="toggle more">' + ident.replace(/-/g, ' ') + '</button>';
  $(el).wrap(wrapper).parents('.sidebar-wrapper').prepend(toggle);
});
$('.sidebar-wrapper .toggle').on('click', toggleSidebar);

function toggleSidebar() {
  $(this).toggleClass('collapsed');
  $(this).parent().find('.inner-wrapper').slideToggle();
}