JSFiddle - React, Tailwind, and code Playground

HTML

<div id="Div1"  style="display:none;" class="answer_list" > WELCOME1</div>
<div id="Div2"  style="display:none;" class="answer_list" > WELCOME2</div>
<div id="Div3"  style="display:none;" class="answer_list" > WELCOME3</div>
<div id="Div4"  style="display:none;" class="answer_list" > WELCOME4</div>
<div id="Div5"  style="display:none;" class="answer_list" > WELCOME5</div>
<input type="button" name="answer" value="Show Div" onclick="showDiv()" />

JavaScript

var queue = 0;

function showDiv() {
	list = document.getElementsByClassName('answer_list');
  
	if(queue >= list.length)
		queue = 0; //or return
	
	queue ? (list[queue - 1].style.display = 'none') : (list[list.length - 1].style.display = 'none');

	list[queue].style.display = 'block';
		
	queue++;
}