With HTML / jQuery v3.6.0 page I have template with wizard steps defined as

<div class="completion-registration__progress">
    <div class="completion-registration__progress-item active" data-registration-step="1">
        ...
    </div>
    <div class="completion-registration__progress-item" data-registration-step="2">
        ...
    </div>
    <div class="completion-registration__progress-item" data-registration-step="3">
        ...
   </div>
</div>

I suppose when button on any step block is clicked then next step block becomes active automatically, but in real app any step is submitted with ajax request and depending on request status(success/failure) I need to move to next step programmatically with JS code. How can I open next/prior step block with JS code?

Thanks!