Html 在用户登录时取消隐藏CSS Div

我试图创建一个登录页面，但有一个问题

register.html代码：

<a href="login.html">Login</a>

login.html代码：

<div id="loginmodal" style="display:none;">
    <h1>User Login</h1>
    <form id="loginform" name="loginform" method="post" action="index.html">
        <label for="username">Username:</label>
        <input type="text" name="username" id="username" class="txtfield" tabindex="1">
        <label for="password">Password:</label>
        <input type="password" name="password" id="password" class="txtfield" tabindex="2">

        <div class="center">
            <input type="submit" name="loginbtn" id="loginbtn" class="flatbtn-blu hidemodal" value="Log In" tabindex="3">
        </div>
    </form>
</div>

单击register.html上的Login后，我希望Login.html上的loginmodal显示：all；如图所示：无

如何执行此操作？

1为标记提供id或类

2在css中，将div loginmodal设置为显示：无

3在jquery中，单击锚标记，显示loginmodal

html:

Jquery：

$(document).ready(function(){
$('#login-link').click(function(){
$("#loginmodal").show();
});

---

从我的编辑中可以看出，他希望在有人登录时显示loginmodal div..回滚您的编辑，因为我相信还有其他逻辑解释，我们可能会丢失询问者真正想要的内容。例如，您可以想象，当单击登录按钮时，他想要打开一个模式对话框。您可能正在寻找简单的显示和隐藏登录表单，通过jQuery重新阅读我的评论，可以以更好的方式实现。我意识到我们有相同的解释。然而，我仍然认为最初的编辑过于激进。我试图这样拒绝它，但现在似乎有人在琐碎地批准编辑，正如你从这篇文章的许多编辑中所看到的那样..+1是一个好的解决方案，而-1是使用jQuery，询问者没有提到这一点。这里有太多的答案依赖于jQuery。

#loginmodal{display:none;}

$(document).ready(function(){
$('#login-link').click(function(){
$("#loginmodal").show();
});