<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();
});
$('.arrowopen').click(e => $(e.target).prev().toggle());
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'));