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
		
	for(let i = 0; i < list.length; i++) {
		list[i].style.display = 'none';
	}

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