html - Can't connect bootstrap pages -


i trying make basic log in system. mixing , matching bootstrap. signing in layout done. when click on sign up, takes me form field , works. reason when click on forgot password, should take me forgot password page not , nothing happens. have "forgotten password" page id whenever put id, sign in stops working , format messes up.

here code. added js/css bootstrap code also.

http://jsfiddle.net/8cjrj118/1/

here part of code forgotten password form. took off id of "forgotten home" main page because messing up. have beens stuck on while suggestions appreciated. thanks

<div style="display: none;" id="form-olvidado"> <h4 class="">   forgot password? </h4> <form accept-charset="utf-8" role="form" id="login-recordar" method="post">   <fieldset>     <span class="help-block">       email address use log in account       <br>       we'll send email instructions choose 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> 

thanks in advance.

try this:

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

demo


Comments

Popular posts from this blog

java - How to specify maven bin in eclipse maven plugin? -

single sign on - Logging into Plone site with credentials passed through HTTP -

php - Why does AJAX not process login form? -