显示并隐藏div onclick

Question

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

演示：http://jsfiddle.net/Iuppiter/uDxH6/61/

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

不使用Jquery。

Answer 1

你能试试吗，

HTML：

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

Jquery的：

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

Answer 2

只使用您提供的代码，您就可以执行此操作。

http://jsfiddle.net/uDxH6/62/

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

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