Bootstrap下拉密码恢复子菜单

Question

我正在构建引导站点，并且使用“登录”菜单中的“忘记密码”选项。

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

最好的方法是什么？

这是我正在使用的片段： http : //bootsnipp.com/snippets/3kNkX

谢谢你。

Answer 1

将忘记密码表单的内容放入HTML文件中，并将其加载到保存登录表单的小框中。 我使用.slideInRight作为登录表单的选择器，但最好为该框提供唯一的ID，然后将其用作选择器。

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