顯示和隱藏分區點擊

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

只用代碼你只要你能做到這一點。

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

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

確保包括在您的網站的jQuery。

Answer 2

你可以試試這個，

HTML：

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

的Jquery：

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