JSFiddle - React, Tailwind, and code Playground

HTML

<div id="questions">
    <div class="question" id="question1">
        <span style="verhnij">Title</span> 
        <li><input type="radio" name="q_0" value="0"> 0</li>
        <li><input type="radio" name="q_0" value="2">2</li>
        <li><input type="radio" name="q_0" value="1">1</li> 
        <a href="#" class="next">Next</a>
    </div>
    <div class="question" id="question2">
        <span style="verhnij">Title</span> 
        <li><input type="radio" name="q_1" value="2">2</li>
        <li><input type="radio" name="q_1" value="0">0</li>
        <li><input type="radio" name="q_1" value="1">1</li> 
        <a href="" onclick="javascript: next_q(1);">Next</a>
    </div>
    <div id="question2" class="question">
        <span style="verhnij">Title</span> 
        <li><input type="radio" name="q_2" value="1">1</li> 
        <li><input type="radio" name="q_2" value="2">2</li> 
        <li><input type="radio" name="q_2" value="0">0</li> 
        <a href="#" class="next">Next</a>
    </div>
</div>

JavaScript

$(function() {
    $('div.question').hide();
    $('div.question:first').show();
    $('.next').click(function() {
        transition($(this).closest('.question'));
        return false;
    });
});

function transition($question) {
    $question.fadeOut('fast',function() {
        
        if ($question.attr('id') !== $('.question:last').attr('id')) {
            $question.next('.question').fadeIn('fast');
        } else {
            alert('done!');
        }
    });
}