[steepfox]

Здравствуйте. Помогите с сохранением выбора пользователя в табах. Необходимо, чтобы после перезагрузки страницы выбор сохранялся.

HTML:

<div class="filt-bx">
<div class="t">Проекты:</div>
<ul class="list">
<li><a class="sw-links sw-all" href="">Все</a></li>
<li><a class="sw-links sw-l1 act" href="">Город</a></li>
<li><a class="sw-links sw-l2" href="">Год</a></li>
<li><a class="sw-links sw-l3" href="">Функция</a></li>
</ul>
<div class="line"></div>
<ul class="list-town lanks1">
Пункты меню 1
</ul>
<ul class="list-town lanks2">
Пункты меню 2
</ul>
<ul class="list-town lanks3">
Пункты меню 3
</ul>
</div>

$(function() {


  $(".toggle_mnu").click(function() {
    $(".sandwich").toggleClass("active");
    $(this).toggleClass("active");
    $('.header .right').toggle();
  });

  $(".sxem-item .opener").click(function() {
    $(this).parent().toggleClass("act");
  });

  //параллакс
  function parallax(){
      var scrolled = $(window).scrollTop();
      $('.compamy-box .bg').css('top', -(scrolled * 0.15) + 'px');
  }
  $(window).scroll(function(e){
      parallax();
  });

  $(".sw-links").click(function(event) {
    event.preventDefault();
    $('.list-town').hide();
    $(".sw-links").removeClass("act");
    $(this).addClass("act");
  });

   $(".sw-l1").click(function(event) {
   $('.lanks1').show();
  });
   $(".sw-l2").click(function(event) {
   $('.lanks2').show();
  });
   $(".sw-l3").click(function(event) {
   $('.lanks3').show();
  });
   $(".sw-all").click(function(event) {
   $('.list-town').hide();
  });
 

	
});