How to open next/prior step block with JS code?

[mstdmstd]

I have template(HTML / jQuery v3.6) with wizard steps defined as
<div id="modal-completion-registration" class="modal modal-completion-registration">
 

<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?

This template use jquery3.6.0 and jquery-ui-1.12.1 and no any additive jquery plugings.
I googled in net and failed to find these functionality description.
Please, provide a relative link...

Thanks!
 

[requinix]

The wizard steps are normally driven by Javascript. Your version where you need to do AJAX is also based on Javascript.

Find a mechanism which allows you to tell the wizard to advance to a new step and use it.

[mstdmstd]

are wizard steps html/js/jquery feature ? Please links to descriptions

[requinix]

HTML does not do wizards. Javascript does not have the concept of "wizards". jQuery does not either but there will be some jQuery-based plugin that does - presumably jQuery UI.

Read the documentation for jQuery UI to see how you can use its wizard thing.