Появление блока по клику

#html #jquery #css #bootstrap

Подскажите, как сделать так, чтобы кликая по li с индексом 1 показывался div.section
с индексом 1,а все остальные div.section с другими индексами были скрыты, тоже самое
нужно и для других li 



$(".section").hide();
$(".section").eq(0).show();
$(document).on("click", ".active_element", function() {
  var idx = $(this).index();
  $(".section").eq(idx).toggle();
})
.active_element {
  position: relative;
}
.active_element:after {
  display: block;
  position: absolute;
  top: 44px;
  width: 114px;
  content: '';
  border-bottom: 8px solid #fdd901;
}


  

    

      
об услуге
      
цены
      
преимущества
    
  
  

    

      

        

          

            text
          
        
        

          

            text 2
          
        
        

          text 3
        
      
    
  




    

Ответы

Ответ 1

$(".active_element").on("click", function(){
    var idx = $(this).index();
	
	$(".active_element").removeClass("highlight");
	$(this).toggleClass("highlight");
	
	$(".section").hide();
    $(".section").eq(idx).toggle(); 
});
.active_element {
  position: relative;
  display: block;
  width: 114px;
  cursor: pointer;
}
.highlight {
  background-color: #fdd901;
}
.section {
  display: none;
}


  

    

      
об услуге
      
цены
      
преимущества
    
  
  

    

      

        

          
text
        
        

          
text 2
        
        

          
text 3