После отображения кнопки div переходит на новую страницу

Question

Я показываю div по нажатию кнопки, и код работает нормально, код выглядит следующим образом

<div id="div1" class="question">1</div>
<div id="div2" class="question">2</div>
<div id="div3" class="question">3</div>
<div id="div4" class="question">4</div>
<div id="div5" class="question">5</div>
<button type="button" id="next">Next</button>

Функция выглядит следующим образом

 $('#div2, #div3, #div4, #div5').hide();
var idx = 0;
$('#next').click(function () {
idx++;
if (idx < $('.question').length) $('.question').hide();
$('.question').eq(idx).show();
});

Проблема в том, как только я go до последнего деления, я хочу нажать на следующую кнопку, и это должно перенести меня на следующую страницу, как бы я это сделал? спасибо всем

Answer 1

Вы можете сделать это так:

 $('#div2, #div3, #div4, #div5').hide();
 var idx = 0;
 $('#next').click(function() {
    idx++;
    if (idx < $('.question').length) {
      $('.question').hide();
      $('.question').eq(idx).show();
    }
    else {
       location.href = "https://www.example.com" /* add here the URL of the next page */
    }
 });