JSFiddle - React, Tailwind, and code Playground

HTML

<div class="span12" style="margin-top:140px;">
<ul id="part">
<li id="div0" style="display:none;">Question 1</li>
<li id="div1" style="display:none;">Question 2</li>
<li id="div3" style="display:none;">Question 3</li>
<li id="div4" style="display:none;">Question 4</li>
<li id="div5" style="display:none;">Question 5</li>
</ul>
<button id="next" value="Next">Next</button>
</div>

JavaScript

$(function(){
    var items = $('li');
    if(items.filter(':visible').length == 0){
        items.first().show();
    }

    $('#next').click(function(e){
        

        var active = items.filter(':visible:last');
        active.hide();

        var next = active.next();
        if (next.length) {
             next.show();
        } else {
            items.first().show();
        }
    });
});