如何隱藏和顯示多註冊

Question

我嘗試通過2個步驟製作多註冊表單。

讓我們按下按鈕。

如何隱藏兩個步驟，直至進入第1步，不是隱藏步驟1

<div class="user-register-field-1"> 

    <form name="register" action="<?php echo osc_base_url(true); ?>" method="post"> 

     <fieldset> 

      <input type="hidden" name="page" value="register" /> 
      <input type="hidden" name="action" value="register_post" /> 

      <button type="submit" class="small radius"> 
       <?php _e("Continue Step 2", 'ctg_housing');?> 
      </button> 


     </fieldset> 
    </form> 

</div> 
<div class="user-register-field-2"> 

    <form name="user-register-2" action="<?php echo osc_base_url(true); ?>" method="post"> 

     <fieldset> 

      <input type="hidden" name="page" value="register" /> 
      <input type="hidden" name="action" value="register_post" /> 

      <button type="submit" class="small radius"> 
       <?php _e("Create Account", 'ctg_housing');?> 
      </button> 

     </fieldset> 
    </form> 
</div> 

感謝

Answer 1

試試這個：

HTML：

<div class="user-register-field-1"> 

    <form name="register" action="<?php echo osc_base_url(true); ?>" method="post"> 

     <fieldset> 

      <input type="text" name="page" > 
      <input type="text" name="action" > 

      <button type="submit" class="small radius"> 
       <?php _e("Continue Step 2", 'ctg_housing');?> 
      </button> 


     </fieldset> 
    </form> 

</div> 
<div class="user-register-field-2"> 

    <form name="user-register-2" action="<?php echo osc_base_url(true); ?>" method="post"> 

     <fieldset> 

      <input type="text" name="page"> 
      <input type="text" name="action"> 

      <button type="submit" class="small radius"> 
       <?php _e("Create Account", 'ctg_housing');?> 
      </button> 

     </fieldset> 
    </form> 
</div> 

CSS：

.user-register-field-2{ 
    display:none; 
} 

個

JS：

$(document).ready(function(){ 
    $("div.user-register-field-1 form").on("submit", function(){ 
    $("div.user-register-field-1").hide(); 
    $("div.user-register-field-2").show(); 
    }); 
}); 

檢查也是我的小提琴：https://jsfiddle.net/cz5kyaqL/
我希望我理解你的權利，並能幫助