xxxxxxxxxx1
<!--Modal: Login / Register Form-->2
<div class="modal fade" id="modalLRForm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">3
<div class="modal-dialog cascading-modal" role="document">4
<!--Content-->5
<div class="modal-content">6
7
<!--Modal cascading tabs-->8
<div class="modal-c-tabs">9
10
<!-- Nav tabs -->11
<ul class="nav nav-tabs md-tabs tabs-2 light-blue darken-3" role="tablist">12
<li class="nav-item" id="login">13
<a class="nav-link active" data-toggle="tab" href="#panel7" role="tab"><i class="fas fa-user mr-1"></i>14
Login</a>15
</li>16
<li class="nav-item" id="register">17
<a class="nav-link" data-toggle="tab" href="#panel8" role="tab"><i class="fas fa-user-plus mr-1"></i>18
Register</a>19
</li>20
</ul>21
22
<!-- Tab panels -->23
<div class="tab-content">24
<!--Panel 7-->25
<div class="tab-pane fade in show active" id="panel7" role="tabpanel">26
27
<!--Body-->28
<div class="modal-body mb-1">29
<div class="md-form form-sm mb-5">30
<i class="fas fa-envelope prefix"></i>31
<input type="email" id="modalLRInput10" class="form-control form-control-sm validate">32
<label data-error="wrong" data-success="right" for="modalLRInput10">Your email</label>33
</div>34
35
<div class="md-form form-sm mb-4">36
<i class="fas fa-lock prefix"></i>37
<input type="password" id="modalLRInput11" class="form-control form-control-sm validate">38
<label data-error="wrong" data-success="right" for="modalLRInput11">Your password</label>39
</div>40
<div class="text-center mt-2">41
<button class="btn btn-info">Log in <i class="fas fa-sign-in ml-1"></i></button>42
</div>43
</div>44
<!--Footer-->45
<div class="modal-footer">46
<div class="options text-center text-md-right mt-1">47
<p>Not a member? <a href="#" id="sing-up">Sign Up</a></p>48
<p>Forgot <a href="#" class="blue-text">Password?</a></p>49
</div>50
<button type="button" class="btn btn-outline-info waves-effect ml-auto" data-dismiss="modal">Close</button>51
</div>52
53
</div>54
<!--/.Panel 7-->55
56
<!--Panel 8-->57
<div class="tab-pane fade" id="panel8" role="tabpanel">58
59
<!--Body-->60
<div class="modal-body">61
<div class="md-form form-sm mb-5">62
<i class="fas fa-envelope prefix"></i>63
<input type="email" id="modalLRInput12" class="form-control form-control-sm validate">64
<label data-error="wrong" data-success="right" for="modalLRInput12">Your email</label>65
</div>66
67
<div class="md-form form-sm mb-5">68
<i class="fas fa-lock prefix"></i>69
<input type="password" id="modalLRInput13" class="form-control form-control-sm validate">70
<label data-error="wrong" data-success="right" for="modalLRInput13">Your password</label>71
</div>72
73
<div class="md-form form-sm mb-4">74
<i class="fas fa-lock prefix"></i>75
<input type="password" id="modalLRInput14" class="form-control form-control-sm validate">76
<label data-error="wrong" data-success="right" for="modalLRInput14">Repeat password</label>77
</div>78
79
<div class="text-center form-sm mt-2">80
<button class="btn btn-info">Sign up <i class="fas fa-sign-in ml-1"></i></button>81
</div>82
83
</div>84
<!--Footer-->85
<div class="modal-footer">86
<div class="options text-right">87
<p class="pt-1">Already have an account? <a href="#" class="blue-text">Log In</a></p>88
</div>89
<button type="button" class="btn btn-outline-info waves-effect ml-auto" data-dismiss="modal">Close</button>90
</div>91
</div>92
<!--/.Panel 8-->93
</div>94
95
</div>96
</div>97
<!--/.Content-->98
</div>99
</div>100
<!--Modal: Login / Register Form-->101
102
<div class="text-center">103
<a href="" class="btn btn-default btn-rounded my-3" data-toggle="modal" data-target="#modalLRForm">Launch104
Modal LogIn/Register</a>105
</div>1
1
xxxxxxxxxx1
$('#sing-up').on('click', () => {2
$('#register a').tab('show');3
}) Console errors: 0