通过单击一个页面中的特定链接来显示不同的 html 表单

>我的WordPress主题中有文件，该文件包含登录，注册，丢失密码和重置密码表单与所需的PHP代码。 在我的标题中，我有两个由我们遵循的引导代码创建的按钮。

<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>

在我的login-register.php文件中，我有如下表格

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

下面的链接包含我login-register.php文件中的完整代码登录注册.php我的问题

1. 我希望何时单击"登录链接"仅显示我登录表单
2. 我希望当单击注册链接仅显示我注册表单时
3. 我想要何时单击丢失密码？链接仅显示重置通行证表单
4. 我希望何时向我发送重置密码邮件，并且我在重置密码链接上单击仅显示我新通行证表单