JSFiddle - React, Tailwind, and code Playground

by Shree Khanal

HTML

<a href="#" class="toggle">TOGGLE1</a>

<div class="more-info">
    <p>HELLO</p>
</div>
<a href="#" class="toggle">TOGGLE2</a>

<div class="more-info">
    <p>GOODBYE</p>
</div>

CSS

a.open {
    display:block;
    width:30px;
    height:30px;
    background:#999;
}
.more-info {
    display:none;
    width:100%;
}

JavaScript

$("a.toggle").click(function () {
    alert(2);
    $(this).next(".more-info").slideToggle("slow");
});