JSFiddle - React, Tailwind, and code Playground

by Ismail Ibraheem Shurrab

HTML

<div><a href="javascript:void(0)" class="expand">First Question</a></div>
<div class="answer" style="display:none">First Answer</div>
<br />
<div><a href="javascript:void(0)" class="expand">Second Question</a></div>
<div class="answer" style="display:none">Second Answer</div>

CSS

.answer {
	padding:3px 5px 3px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	background-color:#f6f6f6
}
* {font-family:arial; font-size:9pt; color:#333333}

JavaScript

$(".expand").click(function(){
    $(this).parent().next('.answer').slideToggle();
});