JSFiddle - React, Tailwind, and code Playground

HTML

<div class="side-nav">
    <div class="side-nav-item">
        <h3>Title</h3>
        <div class="side-nav-block-item">content</div>
        <div class="side-nav-block-item">content</div>
    </div>
    <div class="side-nav-item">
        <h3>Title</h3>
        <div class="side-nav-block-item">content</div>
    </div>
</div>

JavaScript

$('.side-nav h3').addClass('on');

$('.side-nav h3').click(function() {
    if ($('.side-nav h3').hasClass('off')) {
        $('.side-nav h3').toggleClass('on');
        $('.side-nav-block-item').slideUp('normal');
    } else {
        $('.side-nav h3').toggleClass('on');
        $('.side-nav-block-item').slideDown('normal');
    }
});