.accordion-container{  
  position: relative;  
  width: 500px;  
  height: auto;  
  margin: 20px auto;  
  }

<div class="accordion-container">  
  <div class="set">  
  <a href="#">  
  Первая вкадка  
  <i class="fa fa-plus"></i>  
  </a>  
  <div class="content-accordion">  
  <p>Содержимое 1 вкладки</p>  
  </div>  
  </div>  
  <div class="set">  
  <a href="#">  
  Вторая вкладка  
  <i class="fa fa-plus"></i>  
  </a>  
  <div class="content-accordion">  
  <p>Содержимое 2 вкладки</p>  
  </div>  
  </div>  
  <div class="set">  
  <a href="#">  
  Третья вкладка  
  <i class="fa fa-plus"></i>  
  </a>  
  <div class="content-accordion">  
  <p>Содержимое 3 вкладки</p>  
  </div>  
  </div>  
  <div class="set">  
  <a href="#">  
  Четвертая вкладка  
  <i class="fa fa-plus"></i>  
  </a>  
  <div class="content-accordion">  
  <p>Содержимое 4 вкладки</p>  
  </div>  
  </div>  
  </div>

<script>$(document).ready(function(){  
  $(".set > a").on("click", function(){  
  if($(this).hasClass('active')){  
  $(this).removeClass("active");  
  $(this).siblings('.content-accordion').slideUp(200);  
  $(".set > a i").removeClass("fa-minus").addClass("fa-plus");  
  }else{  
  $(".set > a i").removeClass("fa-minus").addClass("fa-plus");  
  $(this).find("i").removeClass("fa-plus").addClass("fa-minus");  
  $(".set > a").removeClass("active");  
  $(this).addClass("active");  
  $('.content-accordion').slideUp(200);  
  $(this).siblings('.content-accordion').slideDown(200);  
  }  
   
  });  
  });</script>