JSFiddle - React, Tailwind, and code Playground

HTML

<section>
  <button>btn 1</button>
  <div>text1</div>
</section>

<section>
  <button>btn 2</button>
  <div>text2</div>
</section>

<section>
  <button>btn 3</button>
  <div>text3</div>
</section>

<section>
  <button>btn 4</button>
  <div>text4</div>
</section>

CSS

section {
  margin-bottom: 10px;
}

div {
  display: none;
}

JavaScript

$('button').click(function() {
  $(this).parent().prevUntil().children('div').hide();
  $(this).next('div').show();

})