how to hide and show a div using jquery

<strong>Hide and show a div using jquery</strong> is sometimes very usefull. So this is simple tutorial with jquery enjot it.

HTML

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<a href="#" id="hide">Hide Div</a>
&nbsp;&nbsp;
<a href="#" id="show">Show Div</a>
<br /><br />
<div id="content-div">ash.dlif.mi;rtvdk.rnt8 i;h.fknl,nv lsfhk dt vlkhsdmsfbv ,.fgn,nbkli,mfnhrmkjkjkfjujmtgyvijxgfnvdihds he winrh et</div>

CSS

.content-div
{
  
}

JavaScript

$(document).ready(function(){
		$('#hide').click(function(){
			$('#content-div').css("display","none");
		});
		$('#show').click(function(){
			$('#content-div').css("display","block");
		});
	});