Как сделать, чтобы простые вкладки / аккордеоны запоминали вкладки при использовании кнопки назад?

Question

У нас есть основные адаптивные вкладки для настройки аккордеона, например:

// Based on: http://codepen.io/jacmaes/pen/miBKI

// initialise when dom is ready
$(document).ready(function() {

  // initialise if .accordion is on the page
  if ($('.accordion')[0]) {

    // desktop initialisation
    if ($(window).width() > 736) {
      $('.accordion-content:not(:first)').hide(); // hide all but first tab content on larger viewports
      $('.accordion-title:first-child').addClass('active'); // activate first tab

    } else { // mobile initialisation
      $('.accordion-content').hide(); // hide all content items on narrow viewports
    };


    // Click functions
    $('.accordion-title').on('click', function() {

      // desktop click
      if ($(window).width() > 736) {
        $('.accordion-content').hide(); // hide all content
        $(this).next().show().prev().addClass('active').siblings().removeClass('active');
        return false; // stop browser jumping when tabs clicked

        } else { // mobile click
          $(this).toggleClass('active').next().toggle();
          return false; // stop browser jumping when tabs clicked
      };
    });
  }
});

Мы также используем Snipcart, который добавляет #!/cart до конца любого URL, если корзина активирована. И когда корзина закрыта, она оставляет позади #!/ на URL.

Как бы мы работали над тем, чтобы вкладки работали с кнопкой "Назад" в браузере - и чтобы они хорошо играли со Snipcart?