JSFiddle - React, Tailwind, and code Playground

HTML

<form name=""  method="post" action="" onsubmit="">
  <div style="padding-bottom:10px; ">
    <select >
       <option   value="3">Вы новый пользователь?</option>
       <option   value="1">Я новый пользователь</option>
       <option   value="2">У меня уже есть кабинет</option>
    </select>
  </div>
  <div id="my1" class="form_row"  ><input type="text" placeholder="значение 1"></input></div>
  <div id="my2"  class="form_row" ><input type="text" placeholder="значение 2"></input></div>
  <div id="my3"  class="form_row" ><input type="text" placeholder="значение 3"></input></div>
  <div id="my4"  class="form_row" ><input type="text" placeholder="значение 4"></input></div>
  <div id="my5"  class="form_row" ><input type="text" placeholder="значение 5"></input></div>
  <div id="my6"  class="form_row btn_row"  ><input name="submit" id="submit" value="Принять" type="submit"></div>
</form>

CSS

.form_row{
    padding-bottom:10px; 
    display:none;
}

.btn_row{
   display:none; 
   padding-bottom:6px;
   margin-top:14px; 
}

JavaScript

$("select").on("change",function(){
  $elem = $(this)
  $val  = $elem.val()
  if($val == "1"){
      $('.form_row').fadeOut(300 );
       $(".form_row").toggle(300);
      
  }else if($val == "2"){
       $('.form_row').fadeOut(300 ); 
       $("#my, #my3").toggle(300);
       $('input[name="other"]').attr('value','');
  }else if($val == "3"){
      $('.form_row').fadeOut(300); 
  }
})