JSFiddle - React, Tailwind, and code Playground

HTML

<div class="form-container">
    
          <form method="post" id="email">
              <fieldset class="form-group">
                <label for="email"></label>
                <input type="email" class="form-control"name="email" placeholder="Enter email">
              </fieldset>
          </form>
    
        <form method="post" id="subject">
    
            <fieldset class="form-group">
              <label for="subject"></label>
              <input type="text" class="form-control"name="subject"placeholder="Subject" >
            </fieldset>
        </form>
    
         <form method="post" id="content">
    
            <fieldset class="form-group">
              <label for="content"></label>
              <textarea class="form-control" name="content" rows="3" placeholder="What would you like me to ask, Sir/Madam?"></textarea>
            </fieldset>
          </form>
    
          <div id="buttons">
    
              <button type="submit" id="next" class="btn btn-primary" class='enableOnInput' enabled='enabled'>Next</button>
              <button type="submit" id="submit" class="btn btn-primary">Submit</button>
    
        </div>
        </div>

JavaScript

$(function(){
						$("#subject").toggle();
            $("#content").toggle(); 
            $("#next").click(function() {
    
                $("#subject").toggle();
                $("#email").toggle(); 
                
    
            $("#next").click(function() {
    
                $("#content").toggle(); 
                $("#email").toggle();
                $('#next').attr('disabled', true);
                
            })
            })

           
});