JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content">
    <h1>Site Details!</h1>
    
    <div id="siteList"></div>
    <input type="submit" id="go" value="Do u want to enter details of site" data-theme="b"></input>

<div id="div1" class="dynamic">


<label for="siteName">Enter a site name:</label>
<input type="text" id="siteName"></input>
<label id="error" style="display:none"></label>

<label for="siteNo">Site No:</label>
<input type="text" id="siteNo"></input>
<label id="error" style="display:none"></label>

<input type="submit" id="next1" value="next" class="next" data-theme="b"></input>

</div> 
 <div id="div2"  class="dynamic">

<label for="moduleNo">Module no:</label>
<input type="text" id="moduleNo"></input>

<input type="submit" id="prev1" value="previous" class="previous" data-theme="b"></input>
<input type="submit" id="next2" value="next" class="next" data-theme="b"></input>

</div>
<div id="div3" class="dynamic" >

<label for="executiveNo">Executive no:</label>
<input type="text" id="executiveNo"></input>

<input type="submit" id="prev2" value="previous" class="previous" data-theme="b"></input>
<input type="submit" id="submit" value="Submit" data-theme="b"></input>
    </div>
    </div>

JavaScript

$(".dynamic").hide();
$("#go").on('click', function() {
   $(this).hide();
   $("#div1").show();
  });

$(".next").on('click', function() {
   $(this).closest('div').hide();
    $(this).closest('div').next('div').show();
   });

 $(".previous").on('click', function() {
    $(this).closest('div').hide();
    $(this).closest('div').prev('div').show();
   });