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

Question

[Windramix]

$('.admin__btn').click(function() {
    $('.admin__desc').toggleClass('admin__desc-open');
    $('.admin__btn').toggleClass('admin__btn-open');
});

Находит он кнопку admin__btn и при нажатии добавляет классы другим классам. Но таких карточек у меня и кнопок на сайте много и он всем за раз добавляет эти классы. как сделать что бы было точечно?

Comments

[Александр]

Структуру элементов приведите.

[Sergey]

Александр, тут скорее всего выборка нужна через this и siblings

[Sergey]

Хотят вот тут вопрос уже обсуждали Как по клику взять конкретный элемент по которому ...

[Ankhena]

Использовать $this и от него находить нужный элемент, например, по родственным связям или по data-

[Windramix]

Александр,

{set $items = json_decode($itemAdmin | resource: ' itemAdmin ', true)}
                      {foreach $items as $item}
                          {if $item.off != 1}
                      <div class="admin__item">
                        <div class="admin__item-inner">
                                                  <div class="admin__left">
                          <img src="/assets/manager/{$item.image}" alt="">
                        </div>
                        <div class="admin__right">
                          <div class="title">
                            {$item.title}
                          </div>
                          <div class="post mt-10">
                            {$item.post}
                          </div>
                          
                          <div class="phone mt-20">
                            <img src="assets/img/web/phone (1).png" alt="">
                            <a href="tel:{$item.phone}">
                              {$item.phone}
                            </a>
                          </div>
                          
                          <div class="mail mt-10">
                            <img src="assets/img/web/mail (2).png" alt="">
                            <a href="mailto:{$item.mail}">{$item.mail}</a>
                          </div>
                          
                          {if $item.chart}
                          <div class="chart mt-10">
                            <img src="assets/img/web/calendar_edit.png" alt="">
                            <div class="chart__desc">
                              {$item.chart}
                            </div>
                          </div>
                          {/if}
                          
                          <div class="admin__btn">
                            <div class="btn btn-admin">
                              Подробнее
                              <img src="assets/img/web/arrow_forward_ios.png" alt="">
                            </div>
                          </div>

                        </div>
                        </div>
                       <div class="admin__desc mt-50">
                            {$item.desc}
                          </div>
                      </div>
                       {/if}
                      {/foreach}

[Danny Arty]

Windramix, о, Modx Revo? Скрипт будет выглядеть так:

$('.admin__btn').click(function() {
    $(this).closest('.admin__item').find('.admin__desc').toggleClass('admin__desc-open');
    $(this).toggleClass('admin__btn-open');
});

[Windramix]

Спасибо всё работает! да это modx