нажмите кнопку, чтобы показать эту кнопку номер div JQUERY JAVASCRIPT

Question

У меня есть пуговицы такого же класса. Я хочу, чтобы, когда пользователь нажимал вторую кнопку, отображался второй div, но кнопки и div имеют одинаковые классы. вот мой код.

html:

 <button class="test">1</button>
 <button class="test">2</button>
 <button class="test">3</button>

 <div class="divs">1</div>
 <div class="divs">2</div>
 <div class="divs">3</div>

Answer 1

Наиболее подходящим способом было бы использовать идентификаторы, но определенно есть альтернативный способ.

$('.test').click(function() {
  let btnIndex = $(this).index();
  $('.divs').hide();
  $('.divs').eq(btnIndex).show();
})