JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
  <h3>Absatz 1</h3>
  <div class="child">Inhalt 1</div>
  <h3>Absatz 2</h3>
  <div class="child">Inhalt 2</div>
  <h3>Absatz 3</h3>
  <div class="child">Inhalt 3</div>
</div>

CSS

#main .child {
    background: red;
    height: 50px;
    display: none;
}

#main .child:nth-of-type(1) {
    display: block;
}

#main > h3 {
    cursor: pointer;
}

JavaScript

$('#main h3').click(function() {
   $(this).next('div').siblings('.child').slideUp();
   $(this).next('.child').slideDown();
});