JSFiddle - React, Tailwind, and code Playground

HTML

<form method="post" id="product_create" action="">
    <ul>
        <li id="tab1" data-display="categories-picker"><a href="#">Step 1</a></li>
        <li id="tab2" data-display="product-select"><a href="#">Step 2</a></li>
        <li id="tab3" data-display="product-details"><a href="#">Step 3</a></li>
        <li id="tab4" data-display="product-stock"><a href="#">Step 4</a></li>
    </ul>

    <div id="categories-picker">categories-picker</div>
    <div style="display:none" id="product-select">product-select</div>
    <div style="display:none" id="product-details">product-details</div>
    <div style="display:none" id="product-stock">product-stock</div>
</form>

JavaScript

$("#product_create").on("click", "#tab1, #tab2, #tab3, #tab4", function() {
    $('#'+$(this).data('display')).show().siblings('div').hide();
    return false;
});