Bootstrap 3: How to close popup using jQuery?
html, jquery, twitter-bootstrap
Solution
keep an id for forget password link and on click do `$('#login').modal('hide');`
$("#forgotPass").click(function(){
$('#login').modal('hide');
});
FIDDLE
Problem
In my code there is two popup windows. first for login and second for reset password. The link to second popup is inside of login popup. I want to automatically close login popup when i click link forgot password. ``` <a href="#" data-toggle="modal" data-target=".loginform">Login</a> <!- Login Popup start--> <div id="login" class="modal fade loginform" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> .... <label> <input type="checkbox"><span style="font-size:12px;display:block;">Remember me</span> </label> </div> </div> </div> </div> <div class="modal-footer"> <a data-toggle="modal" data-target=".forgotpassword" href="#" style="float:left;font-size:14px;">Forgot Password</a> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Login</button> </div> </div> <!-- /.modal-content --> </div> </div> <!- popuplogin end--> <!- Popup forgot password start--> <div id="forgot" class="modal fade forgotpassword" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> ....... <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Reset</button> </div> </div> <!-- /.modal-content --> </div> </div> <!- popup end--> ``` Jsfiddle demo