Html Can'；无法连接引导页面

我正在尝试建立一个基本的登录系统。我正在混合和匹配引导。登录布局完成。当我单击“注册”时，它会将我带到另一个表单字段，它也可以工作。由于某种原因，当我点击忘记密码时，它会带我进入忘记密码页面，但它不会，什么也不会发生。我有一个ID“忘记密码”页面，但每当我输入该ID时，登录就会停止工作，格式也会混乱

这是我的密码。我还添加了js/css引导代码

这是我忘记密码表单的部分代码。我从主页上取下了“遗忘家园”的id，因为它把一切都搞砸了。我已经坚持了一段时间，所以任何建议都将不胜感激。谢谢

<div style="display: none;" id="form-olvidado">
<h4 class="">
  Forgot your password?
</h4>
<form accept-charset="UTF-8" role="form" id="login-recordar" method="post">
  <fieldset>
    <span class="help-block">
      Email address you use to log in to your account
      <br>
      We'll send you an email with instructions to choose a new password.
    </span>
    <div class="form-group input-group">
      <span class="input-group-addon">
        @
      </span>
      <input class="form-control" placeholder="Email" name="email" type="email" required="">
    </div>
    <button type="submit" class="btn btn-primary btn-block" id="btn-olvidado">
      Continue
    </button>
    <p class="help-block">
      <a class="text-muted" href="#" id="acceso"><small>Account Access</small></a>
    </p>
  </fieldset>
</form>

忘记密码了？
您用来登录帐户的电子邮件地址


我们将向您发送一封电子邮件，说明如何选择新密码。
@
继续

提前感谢。

试试这个：

<a href="#" onClick="$('#loginbox').hide(); $('#form-olvidado').show()">Forgot password?</a>

或

$('#forgot').click(function(){


    $('#form-olvidado').show();
    $('#loginbox').hide();

});

将忘记作为id添加到显示忘记密码的锚定标记？ 然后添加此代码

其次，可以使用两种方法：一种是使用css显示块，另一种是在jquery或

隐藏或显示两者都能奏效

关于在左侧菜单中使用JSFIDLE的另一件事是，有一个名为external resources的选项卡，您必须在该菜单中添加css和其他javascript文件 它托管了所有引导和其他文件，以便可以动态使用

$('#forgot').click(function(){


    $('#form-olvidado').show();
    $('#loginbox').hide();

});