jquery_tabs

//табы js
$('ul.tabs_caption').each(function() {
  $(this).find('li').each(function(i) {
    $(this).click(function(){
      $(this).addClass('active').siblings().removeClass('active')
        .closest('div.tabs').find('div.tabs_content').removeClass('active').eq(i).addClass('active');
    });
  });
});

//css
.tabs_content 
  display: none 

.tabs_content.active 
  display: block 
  
 <!-- html-->
 <div class="tabs">
  <ul class="tabs_caption">
    <li class="active"><a href="#">Москва</a> /</li>
    <li><a href="#"> Ярославль</a></li>
  </ul>
  <div class="tabs_content active">
    +7(495)***-**-**
  </div>
  <div class="tabs_content">
    +7(485)***-**-**
  </div>
</div>