$(document).ready(function(){
          $("#LoginButton").click(function(){
               if ($("#formContainer").is(":hidden")){
                    $("#formContainer").slideDown("fast");
                }
                else{
                        $("#formContainer").slideUp("fast");
                    }
             });
 
     });

          .mainDiv
            {
            	margin: 0px auto;
            	width:960px;
            	background-color:#ffffff;
            	text-align:left;
            }
             body{
                margin: 0px;
                text-align:center;
                font-family:Arial, Sans-Serif;
                font-size:0.75em;
            }
            .menu
            {
            	height:30px;
            	border-top:solid 1px #dccfbb;
            	border-bottom:solid 1px #dccfbb;
            	background-color:#4d3a24;
            }
            .menu div
            {
            	padding:10px 30px;
            }
             .content
            {
             	padding:10px 30px;
            }
            #formContainer
            {
            	height:200px;
            	width:351px;
                FirefoxChromeSafariInternet ExplorerOpera
                -webkit-border-radius: 30px;
                -moz-border-radius: 30px;
                border-radius: 30px;
            	background-color:#dccfbb;
            	display:none;
            }
            #formContainer fieldset
            {
            	padding:30px;
            	border:none;
            }      
            #formContainer label
            {
            	display:block;
            	color:#000;
            }      
            #formContainer input[type=text]
            {
            	display:block;
            	border:solid 1px #4d3a24;
            	width:100%;
            	margin-bottom:10px;
            	height:24px;
            }  
 
            #formContainer input[type=submit]
            {
            	border:solid 1px #23150c;
            	color:#000;
                background-color:#fff;
            	padding:5px;
            }                
            #LoginButton
            {
            	height:30px;
            	width:150px;
                FirefoxChromeSafariInternet ExplorerOpera
                -webkit-border-radius: 30px;
                padding:10px;
                text-align:center;
                display:block;
                -moz-border-radius: 30px;
                border-radius: 30px;
                background-color:#000;
                color:#fff;
                font-size:20px;
            	cursor:pointer;
            }

<div align="center">
        <div id="formContainer" align="left">
             <fieldset>
                 <label>User Name *</label>
                        <input id="name" type="text" />
                        <label>Password *</label>
                        <input id="Email" type="text" />
                        <input type="submit" name="submit" value="Check Login" />
                        <span id="messageErr">Login failed !</span>
               </fieldset>
         </div>
         <div id="LoginButton">Login</div>
</div>