JSFiddle - React, Tailwind, and code Playground

HTML

<div class="spoiler">Is this a second question <a href="#" id="s1">View answer</a>
 <span id="a1" class="hidden">Yes it is</span>

    <hr />
</div>
<div class="spoiler">Is this a second question <a href="#" id="s2">View answer</a>
 <span id="a2" class="hidden">Yes it is</span>

    <hr />
</div>

JavaScript

window.onload = function () {
    for (var i = 1; i <= 2; i++) {

        var s = document.getElementById("s" + i);
        s.addEventListener("click", function () {
            var $this = $(this).next('span'),
                msg = "View answer";
            $this.toggleClass("hidden visible")
            if ($this.hasClass("hidden")) {
                msg = "Hide answer";
            }
            $this.html(msg);
        }, true);
    };
}