JSFiddle - React, Tailwind, and code Playground

by jubair

HTML

<div class="office-row">
    <h3 class="office-title">Title</h3>
    <div class="office">sadasd</div>
  </div>
<div class="office-row">
    <h3 class="office-title">Title</h3>
    <div class="office">sadasd</div>
</div>
<div class="office-row">
    <h3 class="office-title">Title</h3>
    <div class="office">sadasd</div>
</div>

CSS

.office
{
    display: none;
}

JavaScript

$(function () {
    $('.office-title').click(function () {
        $(this).next('div').slideToggle();
        
        $(this).parent().siblings().children().next().slideUp();
        return false;
    });
});