JSFiddle - React, Tailwind, and code Playground

HTML

<div class="system_box">
  <h2>BEE Scorecard database</h2>
  <p>________________</p>
</div>

<div class="systems_detail" id="sms_box">the sms box
</div>

JavaScript

function slideonlyone(thechosenone) {
 $('.systems_detail').each(function(index) {
      if ($(this).attr("id") == thechosenone) {
           $(this).slideDown(200);
      }
      else {
           $(this).slideUp(600);
      }
 });
}

$('#sms_box').on('click ', slideonlyone);

//not really sure what you want to slide up or down so sorry if this isn't exactly right