JSFiddle - React, Tailwind, and code Playground

by Timmy Willison

HTML

<p>Show div1</p>
<div id="div1" class="classname">This is div1</div>
<p>Show div2</p>
<div id="div2" class="classname">This is div2</div>

CSS

.classname {
    display:none;
    border:1px solid #090;
    padding:5px;
    margin:5px;
}
p {
    cursor: pointer;
}

JavaScript

$('p').click(function() {
    $(this).next().slideDown();
});