Tu hai settato il div gia visibile inoltre non esiste slide

codice:
<style type="text/css">
#login{
	width:300px;
	height:300px;
	border: solid 2px #000;
	margin:auto;
	display:none;
	background-color:#C00;
}
</style>
</head>

<body>
<script>
	$(document).ready(function() {
		$('#login').slideDown();
	});
</script>

<div id="login">
</div>
Cosi hai un effetto di slider dall'alto verso il basso, sennò usa animate() per personalizzartelo