Вариант для любого массива вопросов ... в данном случае 10 ... строка 27
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.hide, .ok{
display: none;
}
.show {
display: block;
}
</style>
<script src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
<script>
$(function () {
function d() {
var b;
a.next("div.hide").size() ? b = a.next("div.hide") : $("div.hide:first").size() ? b = $("div.hide:first") : ($("button").hide(), b = $("<div/>", {
text: "Вопросов нет"
}), c.append(b));
a = b;
a.addClass("show")
}
var c = $("<div/>"),
a;
$.each(Array(10), function (a) {
c.append($("<div/>", {
text: "Вопрос № " + ++a,
"class": "hide"
}))
});
$("<button/>", {
text: "Пропустить",
click: function () {
a.removeClass("show");
d()
}
}).appendTo(c);
$("<button/>", {
text: "Следующий",
click: function () {
a.removeClass("show hide").addClass("ok");
d()
}
}).appendTo(c);
$("body").append(c);
a = $("div.hide:last");
d()
});
</script>
</head>
<body>
</body>
</html>