Simple JQuery Accordin

Files needed
Scripts
1)  jquery.min.js. can be downloaded from http://code.jquery.com/jquery-1.7.2.min.js
2) jquery-ui.min.js can be downloaded from http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js


Css
1) jquery-ui.css can be downloaded from 
http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/ui-lightness/jquery-ui.css


HTML
1)index.html

index.html

<html>

<head>

<script src="jquery.min.js"></script>

<script src="jquery-ui.min.js"></script>

<script>

$(document).ready(function() {

$("#accordion").accordion();

});

</script>

<link rel="stylesheet" type="text/css" href="jquery-ui.css" />

</head>

<body>

<div id="accordion">

<h3>Geography</h3>

<div>

<p>

Geography (from Greek γεωγραφία, geographia, lit. "earth describe-write") is the science that studies the lands, the features, the inhabitants, and the phenomena of the Earth. </p>

</div>

<h3>Mathematics</h3>

<div>

<p>

Mathematics (from Greek μάθημα máthēma, "knowledge, study, learning") is the abstract study of subjects encompassing quantity,structure,space, change, and more; it has no generally accepted definition.

</p>

</div>

<h3>History</h3>

<div>

<p>

History (from Greek ἱστορία - historia, meaning "inquiry, knowledge acquired by investigation") is the discovery, collection, organization, and presentation of information about past events. History can also mean the period of time after writing was invented. 

</p>

</div>

</div>

</body>

</html>

LIVE DEMO