JSFiddle - React, Tailwind, and code Playground

HTML

<form>
      <div id="step1" style="display: block;">
        <label for="first_name">First Name</label>
        <input type="text" value="" name="first_name" id="FirstName"/>

        <label for="last_name">Last Name</label>
        <input type="text" value="" name="last_name" id="LastName"/>
      </div>

      
      <div id="step2" style="display: none;">
        <label for="first_name">Address</label>
        <input type="text" value="" name="address" id="Address"/> 
      </div>
    
      <a href="#" id="step1_btn">Continue to step 2</a>
      <input type="submit" id="submit_btn" value="Verstuur" style="display: none;" />
    </form>

JavaScript

$(function() {
      $('#step1_btn').click(function() {
        $('#step1').hide();
        $('#step2, #submit_btn').show();        
      });
    });