Bootstrap下拉密码恢复子菜单

Question

我正在构建引导网站，并且我在“登录”菜单中遇到了“忘记密码”选项。

单击“登录”按钮，打开下拉表单，然后单击“忘记密码”链接，我想要一个全新的表单，其中包含用于密码重置的输入（例如电子邮件，用户名等）和具有不同的新按钮密码重置操作。我希望表单在表单中显示相同的位置（它应该切换）。

最好的方法是什么？

在这里，我使用了http://bootsnipp.com/snippets/3kNkX

感谢adanvce。

Answer 1

将忘记密码表单的内容放入HTML文件中，然后将其加载到包含登录表单的小方框中。我使用.slideInRight作为登录表单的选择器，但如果您为该框提供唯一ID并将其用作选择器，则可能更好。

$('.forgot-password').on('click',function(e) {
  e.preventDefault();
  $('.slideInRight').load('/forgot-password-partial.html');
});