JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="questionsheader">FAQ Question goes here</a>
    <div class="question">
        <p>FAQ Answer goes here</p>
    </div>

<a href="#" class="questionsheader">FAQ Question goes here</a>
    <div class="question">
        <p>FAQ Answer goes here</p>
    </div>

<a href="#" class="questionsheader">FAQ Question goes here</a>
    <div class="question" >
        <p>FAQ Answer goes here</p>
    </div>

<a href="#" class="questionsheader">FAQ Question goes here</a>
    <div class="question" >
        <p>FAQ Answer goes here</p>
    </div>

<a href="#" class="questionsheader">FAQ Question goes here</a>
    <div class="question" >
        <p>FAQ Answer goes here</p>
    </div>

<a href="#" class="questionsheader">FAQ Question goes here</a>
    <div class="question" >
        <p>FAQ Answer goes here</p>
    </div>

CSS

a.questionsheader{
display:block
}

JavaScript

$(".question").hide();

$(".questionsheader").click(function(){
                             $(this).next("div").toggle();                             }
);