Как с каждым кликом открывать новый div?

Question

[MrMaximum]

Есть несколько div количество N штук

<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()" />

JS

function showDiv() {
   document.getElementById('Div1').style.display = "block";
}

Как сделать чтобы кликнув по КНОПКЕ 1-н раз открылся Div1 , а когда кликнули по кнопке 2-й раз то Div1 закрылся , а открылся Div2. Кликнули 3-й раз то стал виден ТОЛЬКО Div3 , и так далее Клик 4 = Div4, Клик 5= Div5.

Answer 1

[marrs]

https://jsfiddle.net/575vueox/1/

Comments

[marrs]

https://jsfiddle.net/575vueox/2/

Answer 2

[Flur]

jsfiddle.net/SFRgz