Табы с подгрузкой списка со ссылками

$(".tabs-container").each(function() { 
  $('.sub-tabs').not(":first").hide().end().find("span:first").addClass("active"); 
  $('.item').not($('.sub-ver1')).hide(); 
}); 
$(".tabs-container").on("click", ".tab-select > span", function(e) { 
  $(this).addClass("active").siblings().removeClass("active"); 
 
});

.active { 
  color: red; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="tabs-container"> 
  <div class="tabs tab-select"> 
    <span class="active" id="tab1">Tab 1</span> 
    <span id="tab2">Tab 1</span> 
  </div> 
  <div class="sub-tabs tab-select tab1"> 
    <span id="sub-ver1">Ver 1</span> 
    <span id="sub-ver2">Ver 2</span> 
    <span>Ver 3</span> 
    <span>Ver 4</span> 
    <span>Ver 5</span> 
  </div> 
  <div class="sub-tabs tab-select tab2"> 
    <span>Ver 6</span> 
    <span>Ver 7</span> 
    <span>Ver 8</span> 
    <span>Ver 9</span> 
  </div> 
  <div class="item sub-ver1"> 
    <a href="/link">Result 1</a> 
  </div> 
  <div class="item sub-ver1"> 
    <a href="/link">Result 2</a> 
  </div> 
  <div class="item sub-ver2"> 
    <a href="/link">Result 3</a> 
  </div> 
</div>