табы с якорем (переключение вкладок)

(function($) { 
  $(function() { 
    $('ul.tabs').on('click', 'li:not(.active)', function() { 
      $(this).addClass('active').siblings().removeClass('active') 
        .closest('div.center').find('div.tabs-content').removeClass('active').eq($(this).index()).addClass('active'); 
    }); 
  }); 
})($); 
 
//Это код для табов.  
//А вот код для присвоения хэштега вкладке 
function ChangeUrl(title, url) { 
  var obj = { 
    Title: title, 
    Url: url 
  }; 
  history.pushState(obj, obj.Title, obj.Url); 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<ul class="tabs"> 
  <li onclick="ChangeUrl('instances', '#instances');" class="active"><span>Instances</span></li> 
  <li onclick="ChangeUrl('snapshots', '#snapshots');"><span>Snapshots</span></li> 
  <li onclick="ChangeUrl('iso', '#iso');"><span>ISO</span></li> 
</ul> 
 
<div class="tabs-content active"> Контент 1 вкладки </div> 
<div class="tabs-content"> Контент 2 вкладки </div> 
<div class="tabs-content"> Контент 3 вкладки </div>