Ciao, semplicissimo.

crei il contenitore con id che vuoi (login)

da css o style in linea gli dai display:none

crei un button, un link o quello che vuoi cliccare e poi con jquery dovresti fare:

$(document).ready(function(){
$('#login').click(function(){
$(this).toggle();
});
});

Ho messo toggle perche' dovrebbe cambiare lo stato da visibile a invisibile o vice versa
Per i vari effetti dovresti cercare la documentazione.
se ti serve qualcosa di particolare alcuni effetti sono integrati, altri necessitano di plugin da scariare a parte.
http://jqueryui.com/