rajkumar
Joined: 13 May 2008
Posts: 163
|
 Posted: Fri Oct 16, 2009 9:58 am Post subject: Simple jquery Accordion |
 |
|
Hi friends,
To view the simple jquery accordion follow the below code.
<html>
<head>
<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.6.custom.min.js"></script>
<script type="text/javascript">
$(function(){
$("#basic-accordion").accordion({ header: "h3" });
});
</script>
<style type="text/css">
body{ font: 62.5% Verdana, sans-serif; margin: 50px;}
#dialog_link {padding: .7em 1em;text-decoration: none;}
</style>
</head>
<body>
<h2 class="demoHeaders">Accordion</h2>
<div id="basic-accordion">
<h3><div>First</div></h3>
<div>Simple jquery accordion</div>
<h3><div>Second</div></h3>
<div>Include two js files.</div>
<h3><div>Third</div></h3>
<div>download both js files.</div>
</div>
</body>
</html>
To download jquery js files.please visite the below site.
http://jquery.com/
May this help you  |
|
