JSFiddle - React, Tailwind, and code Playground

HTML

<div class="acordeon__item">
  <div class="acordeon__item-body">1</div>
</div>
<div class="acordeon__item">
  <div class="acordeon__item-body">2</div>
</div>
<div class="acordeon__item">
  <div class="acordeon__item-body">3</div>
</div>
<div class="acordeon__item">
  <div class="acordeon__item-body">4</div>
</div>

JavaScript

var acordeonItems = document.querySelectorAll('.acordeon__item');

for (let i = 0; i < acordeonItems.length; i++) {
    acordeonItems[i]
      .querySelector('.acordeon__item-body')
      .style
      .height = '0px';
}