JQuery Scroll Tab Example Accordion Example

This is a JQuery - Scroll Tab Example, Accordion Example.
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>JQuery - Scroll Tab Example, Accordion Example</title>
 
		<script type="text/javascript" src="jquery.js"></script>
 
		<script type="text/javascript">
			$(document).ready(function(){			
				$(".accordion2 h3").eq(2).addClass("active");
				$(".accordion2 p").eq(2).show();
 
				$(".accordion2 h3").click(function(){
					$(this).next("p").slideToggle("slow")
					.siblings("p:visible").slideUp("slow");
					$(this).toggleClass("active");
					$(this).siblings("h3").removeClass("active");
				});
			});
		</script>
 
		<style type="text/css">
			body {
				margin: 10px auto;
				width: 570px;
				font: 75%/120% Arial, Helvetica, sans-serif;
			}
			.accordion2 {
				width: 480px;
				border-bottom: solid 1px #c4c4c4;
			}
			.accordion2 h3 {
				background: #e9e7e7 url(images/arrow-square.gif) no-repeat right -51px;
				padding: 7px 15px;
				margin: 0;
				font: bold 120%/100% Arial, Helvetica, sans-serif;
				border: solid 1px #c4c4c4;
				border-bottom: none;
				cursor: pointer;
			}
			.accordion2 h3:hover {
				background-color: #e3e2e2;
			}
			.accordion2 h3.active {
				background-position: right 5px;
			}
			.accordion2 p {
				background: #f7f7f7;
				margin: 0;
				padding: 10px 15px 20px;
				border-left: solid 1px #c4c4c4;
				border-right: solid 1px #c4c4c4;
				display: none;
			}
		</style>
	</head>
 
	<body>
		<div class="accordion2">
			<h3>Tab Heading First</h3>
			<p>This is a very good example of JQuery. Thanks JSPSERVLETTUTORIAL Team</p>
			<h3>Tab Heading Second</h3>
			<p>This is a very good example of JQuery. Thanks JSPSERVLETTUTORIAL Team</p>
			<h3>Tab Heading Third</h3>
			<p>This is a very good example of JQuery. Thanks JSPSERVLETTUTORIAL Team</p>
			<h3>Tab Heading Fourth</h3>
			<p>This is a very good example of JQuery. Thanks JSPSERVLETTUTORIAL Team</p>
			<h3>Tab Heading Fifth</h3>
			<p>This is a very good example of JQuery. Thanks JSPSERVLETTUTORIAL Team</p>
		</div>
	</body>
</html>