Показать и скрыть 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

Только с кодом вашего условии, что вы можете сделать это.

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(); 
     }); 
});