Slide out contact form

by dhavaljani

HTML

<div class="feedback">
	<a id="feedback_button">Feedback</a>
<div class="form">
<h2>Please Send Us Your Feedback</h2>
		<span class="status"></span>
		<textarea id="feedback_text"></textarea>
		<input type="button" value="Send" id="submit_form" />
	</div>
</div>

CSS

.feedback{
	position:absolute;
	right:10px;
	bottom:0;
}
.feedback a {
	display:block;
	height:20px;
	width:100px;
	text-align:center;
	background:orange;
	border:2px solid #fff;
	outline:1px solid #a1a1a1;
	padding:5px;
	float:right;
	cursor:pointer;
	/*Font*/
	color:#FFF;
	font-weight:bold;
	font-size:18px;
}
.feedback .form{
	clear:both;
	height:300px;
	width:450px;
	border:1px solid #000;
	background:#fff;
	padding:15px;
	display: none;
    background: orange;
}
.feedback .form textarea{
	height:170px;
	width:400px;
	padding:5px;
}
.feedback .status{
	font-size:16px;
}

JavaScript

$("#feedback_button").click(function(){
    	$('.form').slideToggle();
});