<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.

8/themes/base/jquer
y-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></s
cript>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js
"></script>
<script src="http://www.gmarwaha.com/jquery/jcarousellite/js/jcarousellite_1.0.
1.js"></script>
-----------------------------------------------------------------------------------<script>
$(function() {
$( "#accordion" ).accordion();
});
</script>
<div id="accordion">
<h3><a href="#">Section 1</a></h3>
<div>
<p>
</p>
</div>
<h3><a href="#">Section 4</a></h3>
<div>
<p>
Cras dictum. Pellentesque habitant morbi tristique senectus et n
etus
et malesuada fames ac turpis egestas. Vestibulum ante ipsum prim
is in
faucibus orci luctus et ultrices posuere cubilia Curae; Aenean l
acinia
mauris vel est.
</p>
</div>
</div>
-----------------------------------------------------------------------------------<script>
$(function() {
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
"Groovy",
"Haskell",
"Java",
"JavaScript",
"Lisp",

"Perl",
"PHP",
"Python",
"Ruby",
"Scala",
"Scheme"
];
$( "#tags" ).autocomplete({
source: availableTags
});
});
</script>
<div class="ui-widget">
<label for="tags">Tags: </label>
<input id="tags" />
</div>
-----------------------------------------------------------------------------------<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
<p>Date: <input type="text" id="datepicker"></p>
-----------------------------------------------------------------------------------<script>
$(function() {
$( "#draggable" ).draggable();
});
</script>
<div id="draggable" class="ui-widget-content">
<p>Drag me around</p>
</div>
------------------------------------------------------------------------------------