通过单击一页内的特定链接显示不同的Html表单

Question

i has file within my wordpress theme this file contains the signin, signup, lostpasswors and reset password forms with the required php codes. and in my header i have two buttons created by bootstrap codes us follow.

<div class="col-sm-3">
    <div id="user-notlogged-in" class="pull-right btn-group btn-group-lg" role="group">
        <button type="button" class="btn btn-info"><a class="signin" href="<?php echo bloginfo('url') ?>/login"><?php _e('Sign In'); ?></a></button>
        <button type="button" class="btn btn-default"><a class="signup" href="<?php echo bloginfo('url') ?>/login"><?php _e('Sign up'); ?></a></button>
    </div>
</div>

and in my login-register.php file i have above forms like below

<div id="signin-form">
</div>
<div id="signup-form">
</div>
<div id="resetpass-form">
</div>
<div id="newpass-form">
</div>

this link below contains full code in my login-register.php file login-register.php my questions

1. i want when click on Sign In link only show me signin-form
2. i want when click on Sign Up link only show me signup-form
3. i want when i click on Lost Password? Link only show me resetpass-form
4. i want when send me reset password mail and i clcik on reset password link only show me newpass-form

Answer 1

What you're looking for is some simple jquery. Try something like...

onclick=$('#signin-form').show();