Как перенаправить на другую вкладку div с 1-й вкладки div при нажатии кнопки
Всем привет,
У меня есть страница с несколькими div в качестве вкладок . При загрузке страницы должна быть включена только первая вкладка, остальные должны быть отключены . После заполнения реквизитов в первой вкладке и нажатия кнопки Отправить он должен быть перенаправлен на 2-ю вкладку и так далее . Как я могу это сделать?Любая помощь будет очень признательна .Заранее спасибо.
Что я уже пробовал:
<div class="col-md-6" style="width:100%;margin-top:20px"> <div class="tab" role="tabpanel"> <!-- Nav tabs --> <ul class="nav nav-tabs" role="tablist"> <li role="presentation" class="active" ><a href="#Section7" aria-controls="home" role="tab" data-toggle="tab">Registration</a></li> <li role="presentation" ><a href="#Section8" aria-controls="home" role="tab" data-toggle="tab">Financially Personal Details</a></li> <li role="presentation" ><a href="#Section9" aria-controls="home" role="tab" data-toggle="tab">Confirmation</a></li> </ul> <!-- Tab panes --> <div class="tab-content tabs"> <!-- Information --> <div role="tabpanel" class="tab-pane fade in active" id="Section7"> <table width="100%" align="center" > <tr><td colspan="4"> <table width="100%"> <tr><td ><label > Name </label><asp:TextBox ID="txt_Name" runat="server" Width="200px"></asp:TextBox> </td><td align="left"><label >Contact Number </label> <asp:TextBox ID="txt_Cnumber" TabIndex="8" runat="server"></asp:TextBox> </td> </tr> </tr> <tr> <td><asp:Button ID="but_Submit" runat="server" Text="Register" OnClick="but_Submit_Click" TabIndex="23"></asp:Button> </td> </tr> </table> </td> </tr> </table> </div> <!--End Information --> <!-- Financially Party --> <div role="tabpanel" runat="server" enableviewstate="false" class="tab-pane fade" id="Section8"> <table width="100%" align="center" > <tr><td colspan="4"> <table width="100%" class="w3-card w3-table w3-small"> <tr><td ><label >Bearer Name</label> <asp:TextBox ID="txt_fbname" runat="server"></asp:TextBox> </td><td align="left"><label >Relation to Patient </label> <asp:TextBox ID="txt_rtp" runat="server"></asp:TextBox> </td> </tr> <tr> <td><asp:Button ID="Button6" runat="server" Text="SAVE" OnClick="but_Submit1_Click" TabIndex="23"></asp:Button> </td> </tr> </table> </td> </tr> </table> </div> <!--End Financially Responsible Party --> <!--Emergency Contact --> <div role="tabpanel" runat="server" enableviewstate="false" class="tab-pane fade" id="Section9"> <table width="100%" align="center" > <tr><td colspan="4"> <table width="100%" class="w3-card w3-table w3-small"> <tr><td ><label >Contact Name </label><asp:TextBox ID="txt_emname" runat="server" Width="200px"></asp:TextBox> </td><td align="left"><label >Relation to Patient </label> <asp:TextBox ID="txt_emrtp" runat="server" Width="200px"></asp:TextBox> </td> </tr> <tr> <td><asp:Button ID="Button5" runat="server" Text="SAVE" OnClick="but_Submit2_Click" TabIndex="23"></asp:Button> </td> </tr> </table> </td> </tr> </table> </div> <!--End Emergency Contact --> </div>