Ursen,
очередная открывашка ... пример можно переписать без jquery
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.hide {
display: none;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function(){
var divs = $(".hide"), len = divs.length, button = $("#next"), n = len-1;
button.click(function() {
$(divs[n]).addClass("hide");
n = ++n % len;
$(divs[n]).removeClass("hide");
});
});
</script>
</head>
<body>
<input id="next" name="" type="button" value="next">
<div class="hide">1</div>
<div class="hide">2</div>
<div class="hide">3</div>
<div class="hide">4</div>
<div class="hide">5</div>
<div class="hide">6</div>
<div class="hide">7</div>
<div class="hide">8</div>
<div class="hide">9</div>
<div class="hide">10</div>
</body>
</html>