JSFiddle - React, Tailwind, and code Playground

by VinnyFonseca

HTML

<a id="link1" class="targetLink" href="#">LINK1</a>
<div id="text1" style="display: none;">text1 div</div>

<a id="link2" class="targetLink" href="#">LINK2</a>
<div id="text2" style="display: none;">text2 div</div>

<a id="link3" class="targetLink" href="#">LINK3</a>
<div id="text3" style="display: none;">text3 div</div>

JavaScript

$("a.targetLink").toggle(function() {
    $(this).next("div").slideDown(350);
}, function() {
    $(this).next("div").slideUp(350);
});