JSFiddle - React, Tailwind, and code Playground

HTML

<a class=toggle-panel>Toggle panel</a>
<div class=panel>A Panel</div>

<a class=toggle-panel>Toggle panel</a>
<div class=panel>A Panel</div>

<a class=toggle-panel>Toggle panel</a>
<div class=panel>A Panel</div>

<a class=toggle-panel>Toggle panel</a>
<div class=panel>A Panel</div>

CSS

body { font-family:sans-serif }
.panel{
    background:#eee;
    border:1px solid #ccc;
    border-radius:5px;
    padding:10px;
    margin:10px;
    width:200px;
}
.toggle-panel{
    display:block;
    clear:both;
    cursor:pointer;
}

JavaScript

jQuery(document).ready(function ($) {

     var $panels = $('.panel'); // cachen, voor snelheid optimalisatie

     $('.toggle-panel').click(function (e) {
         $panels.slideUp('fast');
         $(this).next('.panel').slideToggle('slow');
     });

 });