Javascript 显示和隐藏一个div onclick

这是一个边栏的演示，当我点击login时，它应该显示登录表单，当我再次点击时，它应该隐藏它。 我不知道怎么做。有什么提示吗？ 我还有另外一个问题，隐藏部分内容的酒吧如何解决？ 非常感谢你的帮助

演示：

//单击此处将显示/隐藏div
... 

也许不用Jquery。

你能试试这个吗

HTML:

---

只有您提供的代码，您才能做到这一点

---

请确保在您的网站上包含jQuery。

如果您使用jQuery，请查看

.toggle（）

功能只需使用toggleClass-@SeanDoe，您为什么要这样做？如果您只想使其可见（无动画），只需使用

.toggle（）

。可以不使用jquery only js吗？可以不使用jquery only js吗？可以不使用jquery only js吗？

// Clicking here will show/hide the div
<a href="#">Login</a>
<div id="login-form"> ... </div>

<a href="#" id="login">Login</a>

 $(function(){
       $("#login-form").hide();
       $("#login").click(function(){
            $("#login-form").toggle();
      });
 });

$("#login-form").hide();
$("#other-bar-top a:nth-child(4)").click(function(e) {
    $("#login-form").slideToggle();
    e.preventDefault();
});