JSFiddle - React, Tailwind, and code Playground

by Subigya Panta

HTML

<div>
    <h3 class = "trigger">Heading 1</h3> 
    <ul class = "toggle">
        <li>Line One</li>
        <li>Line Two</li>
        <li>Line Three</li>
    </ul>
</div>
<div>
    <h3 class = "trigger">Heading 2</h3>
    <ul class = "toggle">
        <li>Line One</li>
        <li>Line Two</li>
        <li>Line Three</li>
    </ul>
</div>

CSS

div {float:left;padding:20px}
h3 {font-size:2em;}

JavaScript

$(".toggle").slideUp();
$(".trigger").click(function(){
    $(this).next(".toggle").slideToggle("slow");
  });