Как сделать чтобы обработчик срабатывал в том блоке где нажали кнопку?

Question

[Максим Вакаев]

Как сделать, чтобы обработчик срабатывал только в том блоке где нажали кнопку? А то у меня открываются все блоки.

Вот код:

$('.button-more').on('click tap', function (e) {
              e.preventDefault();
              var $this = $(this);

              if ( ! $this.hasClass('active') ) {
                  $(".team-content").find('p').slideDown(300);
                  $this.find('span').text('Less');
              } else {
                  $(".team-content").find('p:not(:first)').slideUp(300);
                  $this.find('span').text('Read More');
              }

              $this.toggleClass('active');
          });

Comments

[aftar]

а полностью код в песочницу скинуть?

[Rustam Bainazarov]

Ищите .team-content p внутри $(this).

Answer 1

[Максим Вакаев]

Всем спасибо, проблема решена! вот код

$('.button-more').on('click tap', function (e) {
              e.preventDefault();
              var $this = $(this);

              if ( ! $this.hasClass('active') ) {
                  $this.parent().find('p').slideDown(300);
                  $this.find('span').text('Less');
              } else {
                  $this.parent().find('p:not(:first)').slideUp(300);
                  $this.find('span').text('Read More');
              }


              $this.toggleClass('active');
          });

Answer 2

[Максим]

элемент, на котором сработал обработчик, определяется при помощи e.eventTarget, и уже относительно этого элемента меняй содержимое

Comments

[Максим Вакаев]

как правильно использовать e.eventTarget в данном случае?