$(document).ready(function() {
  $('#js-switchAbout li a').click(function(e) {
    e.preventDefault();
    
    location.hash = $(this).attr('href').replace(/^.*#/, '');

    var $link = $(this);
    var $alink =  $('#js-switchAbout li a');
		
    $alink.removeClass('active');	
    $link.toggleClass('active');  

    var $linkid = $(this).attr('id');
    var $linkclass = $(this).attr('class'); 

    if ($linkid == 'l-sites') { 
  	  $('.li-about').addClass('hide1');	
  	  $('#li-sites').removeClass('hide1');
  	}
     if ($linkid == 'l-znaki') {	
  	  $('.li-about').addClass('hide1');
  	  $('#li-znaki').removeClass('hide1');
  	} 
     if ($linkid == 'l-pack') {
  	  $('.li-about').addClass('hide1');
  	  $('#li-pack').removeClass('hide1');
	}
     if ($linkid == 'l-bukleti') {
  	  $('.li-about').addClass('hide1');
  	  $('#li-bukleti').removeClass('hide1');
	} 
     if ($linkid == 'l-cards') {
  	  $('.li-about').addClass('hide1');
  	  $('#li-cards').removeClass('hide1');
	}
      if ($linkid == 'l-po') {
  	  $('.li-about').addClass('hide1');
  	  $('#li-po').removeClass('hide1');
	} else if ($linkid == 'l-interface') {
  	  $('.li-about').addClass('hide1');
  	  $('#li-interface').removeClass('hide1');
	}
  });
});