JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
 <div class="tabs-content">
     <ul class="tabs">
         <li class="current">
             <span class="tabs__text">Правила сервиса</span>
         </li>
         <li>
             <span class="tabs__text">FAQ</span>
         </li>
         <li>
             <span class="tabs__text">Обратная связь</span>
         </li>
     </ul>
     <div class="box visible">
         <div class="tabs-content">
             <ul class="tabs">
                 <li class="current">
                     <span class="tabs__text">Реклама</span>
                 </li>
                 <li>
                    <span class="tabs__text">Сайты</span>
                 </li>
                 <li>
                     <span class="tabs__text">Обмен</span>
                 </li>
             </ul>
             <div class="box visible">
                 1.1
             </div>
             <div class="box">
                 1.2
             </div>
             <div class="box">
                 1.3
             </div>
         </div>
     </div>
     <div class="box">
          <div class="tabs-content">
             <ul class="tabs">
                 <li class="current">
                     <span class="tabs__text">Реклама</span>
                 </li>
                 <li>
                    <span class="tabs__text">Сайты</span>
                 </li>
                 <li>
                     <span class="tabs__text">Обмен</span>
                 </li>
             </ul>
             <div class="box visible">
                 1.1.1
             </div>
             <div class="box">
                 1.1.2
             </div>
             <div class="box">
                 1.1.3
             </div>
         </div>
     </div>
     <div class="box">       
          <div class="tabs-content">
             <ul class="tabs">
                 <li class="current">
                     <span...

CSS

.box {
  display: none;
}
.box.visible {
  display: block;
}

JavaScript

(function($) {
  $(function() {
 
    $('ul.tabs').delegate('li:not(.current)', 'click', function() {
      $(this).addClass('current').siblings().removeClass('current')
        .parents('div.tabs-content').eq(0).find('>div.box').hide().eq($(this).index()).fadeIn(500).show();
      return false;
    })
 
  })
})(jQuery)