Slide Dawn Login

by Banzay

HTML

<div class="Login_Div">Login details here yeeha <a href="#" class="close" >X</a></div>
<a href="#" class="login" >Login</a>

CSS

.Login_Div{ background:#de9a44; margin:3px; width:100%; 
height:40px; display:none; }

JavaScript

$(".login").click(function () {
   
if ($("div:first").is(":hidden")) {
$(".Login_Div").slideDown(500);
} 
});

$(".close").click(function () { 
$(".Login_Div").slideUp(500);
});