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

Подскажите, как сделать так, чтобы кликая по 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

Ответ

$(".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