JSFiddle - React, Tailwind, and code Playground

by oduska

HTML

<h1>
    This is an H1, click me!
</h1>

<div class="heading-content">
    I am the H1 content.
</div>

<h2>
    This is an H2, click me!
</h2>

<div class="heading-content">
    I am the H1 content.
</div>

<h3>
    This is an H3, click me!
</h3>

<div class="heading-content">
    I am the H1 content.
</div>

CSS

.heading-content {
    display: none;
}

JavaScript

$(':header').on('click', function() {
	$(this).next('.heading-content').slideToggle(200);
});