Jquery 使用j查询创建切换程序

这就是我创建文本输入字段以输入值的方式。现在，我的要求是在用户单击“注册患者”时切换文本字段，并在成功注册时自动关闭

<li id="menutog" >
  <a  href="#"  onclick = ""><span class="fa-stack"><i class="fa fa-plus fa-stack-1x"></i><i class="fa fa-user"></i></span>Register Patient</a>
             <im:form id="togform" theme="simple" method="post"><br/>
               <!--  <div class="navbar-default navbar-static-side" role="navigation">
                        <div class="row">
                       <div class="sidebar-collapse">-->
                            <div class="panel panel-default">
                               <div class="panel-heading">
                                <h3 class="panel-title" align="center">Patient Details</h3>
                               </div>
                        <div class="panel-body">
                         <form role="form"> 
                         <fieldset>
           <div class="form-group" align="center">
                    <im:textfield name="registration.firstname" id="firstName" cssClass="form-control" placeholder="First name" tooltip="Enter your First Name" tooltipCssClass="tooltip-arrow"/>
           </div>
            <div class="form-group" id="indOrFamTrId2">
                 <im:textfield name="registration.middlename" id="middleName" cssClass="form-control" placeholder="middle name" />
            </div>
            <div class="form-group" id="indOrFamTrId3">
                 <im:textfield name="registration.lastname" id="lastName" cssClass="form-control" placeholder="Last name"/>
            </div>
            <div class="form-group" id="indOrFamTrId3">
                 <im:textfield name="registration.phoneNumber" id="phoneNumber" cssClass="form-control" placeholder="Phone Number"/>
            </div>
             <div class="form-group" id="indOrFamTrId3">
                 <im:textfield name="registration.emailId" id="emailId" cssClass="form-control" placeholder="Email Adress"/>
            </div>
            <div class="form-group" id="indOrFamTrId3">
                 <im:textfield name="registration.dateofbirth" id="dateofbirth" cssClass="form-control" placeholder="Date of Birth"/>
            </div>
             <div class="form-group" id="indOrFamTrId3">
                 <im:textfield name="registration.Aadhar" id="Aadhar" cssClass="form-control"                 
          placeholder="Aadhar Number"/>
            </div>
            <div class="form-group" id="indOrFamTrId4">
                 <im:textfield name="registration.dateofregistration" id="dateofregistration" cssClass="form-control" placeholder="Date of Registration"/>

            </div>
             <div class="form-group" id="indOrFamTrId5">
                 <im:textfield name="registration.referencedoctor" id="referencedoctor" cssClass="form-control" placeholder="Reference Doctor"/>

            </div>
            <div class="form-group" id="indOrFamTrId6">
                 <im:textfield name="registration.remarks" id="remarks" cssClass="form-control" placeholder="Remarks"/>
            </div>
                </fieldset>    
                          </form>
                            </div>

                            </div> 
                       <table align="center">
                           <tr> 
                              <td> 
                                    <input type="button" value="Register" onclick="registration();" class="btn btn-success btn-lg"/>
                             </td>
                        </tr>
                      </table>

               </im:form>         
</li> 

---

只需$'idoffieldcontainer'。隐藏或.toggle

在每个.form组div上方添加切换按钮

<input type="button" class="toggleBtn" value="Toggle"/>

创造

$(document).ready(function() {
    $('.form-group').hide();
    $('.toggleBtn').click(function() {
        $(this).next('.form-group').toggle();
    });
});