Как открыть только на текущий айтем в jq?

В jQuery для открытия только текущего элемента можно использовать методы show() и hide(). Для этого нужно иметь уникальный идентификатор (id) или класс (class) для каждого элемента, который нужно отобразить или скрыть.

1. Использование идентификатора (id):
Для открытия текущего элемента в jQuery с использованием уникального идентификатора, вы можете использовать следующий код:

HTML:

   <div id="item1">
     Элемент 1
     <button class="toggle-btn">Открыть/Скрыть</button>
   </div>
   <div id="item2">
     Элемент 2
     <button class="toggle-btn">Открыть/Скрыть</button>
   </div>

Javascript:

   $(document).ready(function() {
     $(".toggle-btn").click(function() {
       var itemId = $(this).parent().attr("id");
       $("#" + itemId).toggle();
     });
   });

В данном примере каждый элемент (div) имеет уникальный идентификатор (id), а кнопка с классом "toggle-btn" выполняет функцию открытия и закрытия соответствующего элемента при щелчке на нее.

2. Использование класса:
Для открытия текущего элемента в jQuery с использованием класса может быть использован следующий код:

HTML:

   <div class="item">
     Элемент 1
     <button class="toggle-btn">Открыть/Скрыть</button>
   </div>
   <div class="item">
     Элемент 2
     <button class="toggle-btn">Открыть/Скрыть</button>
   </div>

Javascript:

   $(document).ready(function() {
     $(".toggle-btn").click(function() {
       $(this).parent().toggleClass("active");
       $(this).parent().siblings().removeClass("active");
     });
   });

В этом примере у каждого элемента (div) есть класс "item", а кнопка с классом "toggle-btn" выполняет функцию открытия и скрытия соответствующего элемента при щелчке на нее.

Оба этих подхода позволяют открыть и закрыть только текущий элемент, при этом скрывая остальные элементы. Вы можете выбрать один из этих методов в зависимости от ваших предпочтений и требований к разработке.