JSFiddle - React, Tailwind, and code Playground

by goldfingerxyz

HTML

<a class="alt-toggle">Click to learn more</a>
<a class="alt-content">Commonly known as laughing gas, nitrous oxide is a good option for patients with mild dental anxiety. Patients experiencing nitrous oxide are awake and aware of their surroundings, but feel much more relaxed. Some patients say it “knocks the edge off”. The effects of nitrous oxide are usually gone within 10 minutes after the procedure and most people feel they can resume their daily activities after their appointment.</a>

JavaScript

$(document).ready(function() {
    $("a.alt-toggle").click(function() {
        $(this).hide(0, function() {
            $(this).nextUntil(".alt-toggle",
                              ".alt-content").slideDown("slow");
        });
    });
    $("a.alt-content").click(function() {
        $(this).slideUp("slow", function() {
            $(this).prevUntil(".alt-content",
                              ".alt-toggle").show(0); 
        });
    });
    // collaps all sections
    $(".alt-content").hide();
});