JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/overcast/jquery-ui.css">
<h2 class="sec-title">one</h2>
<div class="sec-content">content 1</div>
<h2 class="sec-title">two</h2>
<div class="sec-content">content 2</div>

CSS

.sec-title {
    background: red;
}

JavaScript

$(document).ready(function() {
    $('.sec-content').hide();
    $('.sec-title:eq(1)').addClass('active').next().show();
    
    $('.sec-title').click(function(){
     if( $(this).next().is(':hidden') ) { 
      $('.sec-title').removeClass('active').next().slideUp();
      $(this).toggleClass('active').next().slideDown(); 
     }
     return false;
    });
});