引导程序3：如何使用jQuery关闭弹出窗口？

在我的代码中有两个弹出窗口。第一个用于登录，第二个用于重置密码。 第二个弹出窗口的链接位于登录弹出窗口内。我想在单击链接忘记密码时自动关闭登录弹出窗口

<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-->

....
记得我吗
接近
登录
.......
接近
重置

在本文档中：

显示：

$（'myModal'）.modal（'show'）

隐藏：
$（'myModal'）.modal（'hide'）
保留忘记密码链接的id，然后单击do
$（“#login”）.modal（'hide'）

你真的需要修复这个缩进。你真的认为另一个模态的模态a-top是好的用户体验设计吗？我不想。我想在点击第二个模型的链接时关闭第一个模型。我对用户体验设计知之甚少。但是我试着去做..我猜你是说Bootstrap 2？因为Bootstrap3默认情况下不支持重叠模态。另外，我想知道在一个模式中交换内容是否比关闭和打开两个模式更方便。@mridul我不是先回答的吗？
$("#forgotPass").click(function(){
       $('#login').modal('hide');
});