Можно ли сделать код проще на 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]

Класс одинаковый задайте для кнопок:

$('.arrowopen').click(e => $(e.target).prev().toggle());

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

document.addEventListener('click', ({ target: t }) => {
  if (t.classList.contains('arrowopen')) {
    t.previousElementSibling.hidden ^= 1;
  }
});

или

.hidden {
  display: none;
}

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