JSFiddle - React, Tailwind, and code Playground

HTML

<p>display:inline
    <button id="a_01">Click</button>
</p>
<p id="a01">display:none</p>
<p>display:inline
    <button id="a_02">Click</button>
</p>
<p id="a02">display:none</p>
<p>display:inline
    <button id="a_03">Click</button>
</p>
<p id="a03">display:none</p>

CSS

p#a01, p#a02,p#a03 {
    display:none;
}

JavaScript

$(function () {
    $('#a_01').click(function () {
        $('#a01').slideToggle();
    });
});
$(function () {
    $('#a_02').click(function () {
        $('#a02').slideToggle();
    });
});

$(function () {
    $('#a_03').click(function () {
        $('#a03').slideToggle();
    });
});