Как с помощью jQuery навесить на кнопку переход на следующий блок?
$(function() {
var $forms = $('#wrapper .qiuz');
var index = $forms.filter(':visible').index();
$('#next').on("click", function() {
$forms.eq(index).hide();
index = (index + 1) % $forms.length;
$forms.eq(index).show();
});
});
<form method="POST">
<div class="qiuz-wrapper" id="wrapper">
<div class="qiuz">
<label class="btn btn-default">
<input type="radio" name="radio1" value="radio"> 1
</label>
<label class="btn btn-default">
<input type="radio" name="radio1" value="radio"> 2
</label>
<label class="btn btn-default">
<input type="radio" name="radio1" value="radio"> 3
</label>
<label class="btn btn-default">
<input type="radio" name="radio1" value="radio"> 4
</label>
<label class="btn btn-default">
<input type="radio" name="radio1" value="radio"> 5
</label>
<hr>
</div>
<div class="qiuz" style="display:none">
<label class="btn btn-default">
<input type="radio" name="radio2" value="radio"> 1
</label>
<label class="btn btn-default">
<input type="radio" name="radio2" value="radio"> 2
</label>
<label class="btn btn-default">
<input type="radio" name="radio2" value="radio"> 3
</label>
<label class="btn btn-default">
<input type="radio" name="radio2" value="radio"> 4
</label>
<label class="btn btn-default">
<input type="radio" name="radio2" value="radio"> 5
</label>
<hr>
</div>
<div class="qiuz" style="display:none">
<label class="btn btn-default">
<input type="radio" name="radio3" value="radio"> 1
</label>
<label class="btn btn-default">
<input type="radio" name="radio3" value="radio"> 2
</label>
<label class="btn btn-default">
<input type="radio" name="radio3" value="radio"> 3
</label>
<label class="btn btn-default">
<input type="radio" name="radio3" value="radio"> 4
</label>
<label class="btn btn-default">
<input type="radio" name="radio3" value="radio"> 5
</label>
<hr>
</div>
<button id="next">Следующий</button>
</div> <!--/.qiuz-wrapper-->
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</div><hr>
ошибка? в других после последнегоlabel
вставляетсяreturn false
добавил, чтобы форма не отправлялась, так как кнопка находится внутри формы: fiddle. И, конечно, сделал разные значения в формах, чтобы было видно.