JSFiddle - React, Tailwind, and code Playground

HTML

<div id="question1" class="active question" data-nextquestion="question2">
    Question 1
    <br><br>
    <a href="#">prev</a>&nbsp;&nbsp;<a href="#" class="nextquestion">next</a>
</div>
<div id="question1" class="question" data-nextquestion="question3" data-lastquestion="question1">
    Question 2
    <br><br>
    <a href="#">prev</a>&nbsp;&nbsp;<a href="#">next</a>
</div>

CSS

.question {display:none;}
.active {display:block;}

JavaScript

$(document).ready(function(){
	$('.question').each(function(){
		
		var $question = $(this);
		
		$question.on('click','.nextquestion', function(e){
			alert('clicked');
				$question.toggleClass('active');
				var nextQuestionSelector = $question.attr('data-nextquestion');
				$(nextQuestionSelector).toggleClass('active');
            e.preventDefault();
		});
    });
});