Queue And DeQueue In JQuery
http://stackoverflow.com/q/27699010/1144203
HTML
<button id="submit_button">Click me!</button>
<div id="display"></div>
CSS
div{
height:30px;
width:100px;
color:white;
text-align:center;
}
#overlay{
background-color:blue;
display:none;
}
#widget_ep{
background-color:red;
display:none;
}
JavaScript
var array_of_questions = ["Question1", "question2", "question3"];
var counter = 0;
$("#submit_button").on('click', function() {
//save data
if (counter < array_of_questions.length) {
$("#display").append("<div>" + array_of_questions[counter] + "</div>");
counter++;
}
});