Можно ли сделать код проще на jQuery?

Question

[Andrey Vasilev]

https://codepen.io/Nolis/pen/PoqZYRR
Можно ли как-то сократить подобный код?

Answer 1

[fixeri]

<div class="myclass">я текст</div>
<div class="arrowopen">я стрелка</div>
<div class="myclass">я текст</div>
<div class="arrowopen">я стрелка</div>
<div class="myclass">я текст</div>
<div class="arrowopen">я стрелка</div>
<div class="myclass">я текст</div>
<div class="arrowopen">я стрелка</div>

$('.arrowopen').click(function () {
  $(this).prev().toggle();
});

Comments

[Andrey Vasilev]

а если бы myclass был на 2 блока выше?

Answer 2

[0xD34F]

Уберите цифры из классов кнопок, чтобы они, классы, стали одинаковыми.
Соответственно, const buttonSelector = '.arrowopen';.

Сокращаем код:

$(buttonSelector).click(e => $(e.currentTarget).prev().toggle());

Или, от jquery можно вообще избавиться:

document.addEventListener('click', ({ target: t }) =>
  (t = t.closest(buttonSelector)) &&
  (t.previousElementSibling.hidden ^= 1)
);

или

.hidden {
  display: none;
}

document.querySelectorAll(buttonSelector).forEach(function(n) {
  n.addEventListener('click', this);
}, e => e.currentTarget.previousElementSibling.classList.toggle('hidden'));