JSFiddle - React, Tailwind, and code Playground
HTML
<div id="faqOne">Push me</div>
<p class="faqOneHidden">faqOneHidden</p>
CSS
.faqOneHidden {visibility: hidden;}
JavaScript
var faqOne = document.getElementById("faqOne");
var hiddenOne = document.querySelector("p.faqOneHidden");
function DisplayQFaqs(link, faq) {
this.link = link;
this.faq = faq;
}
$('#faqOne').on("click", function (e) {
showFaqOne.showClickedFaq(e);
});
DisplayQFaqs.prototype.showClickedFaq = function (e) {
var el = e.target;
if (el === this.link) {
alert('hi');
}
};
var showFaqOne = new DisplayQFaqs(faqOne, hiddenOne);