JSFiddle - React, Tailwind, and code Playground

by Alfie

HTML

<h1>Heading</h1>
<p>some stuff></p>
 <h2>heading</h2>
<p>blah....</p>
 <h2>heading</h2>
<p>blah....</p>
 <h2>heading</h2>
<p>blah....</p>

<h1>Heading</h1>
<p>some stuff></p>
<p>more stuff</p>
 <h2>heading</h2>
<p>blah....</p>
 <h2>heading</h2>
<p>blah....</p>
 <h2>heading</h2>
<p>blah....</p>

JavaScript

$('h1').nextUntil('h1').hide(); //hide everyting between one <tag> and the next
$('h1').click(function () {
    $(this).nextUntil('h1').slideToggle(500);
});
$('h2').click(function () {
    $(this).nextUntil('h2').slideToggle(500);
});