JQuery Accordion Menu and Tree
Hi
In my application, i want to show a tree navigation inside a accordion
menu. I am unable to do that right now. The stand alone accordion menu
gets rendered properly, but when i include the Tree navigation code,
both of them dont get rendered properly.
Code for Accordion menu
<!DOCTYPE html>
<html>
<head>
<link type="text/css" href="css/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="js/ui/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/ui/ui.core.js"></script>
<script type="text/javascript" src="js/ui/ui.accordion.js"></script>
<!-- <link rel="stylesheet" href="css/jquery.treeview.css" />
<link rel="stylesheet" href="css/screen.css" />
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.treeview.js" type="text/javascript"></script>
-->
<script>
$(document).ready(function(){
$("#accordion").accordion();
});
</script>
</head>
<body style="font-size:62.5%;">
<div id="accordion">
<h3><a href="#">Section 1</a></h3>
<div>
<jsp:include page="jsp/HostTree.jsp"></jsp:include>
</div>
<h3><a href="#">Menu item 2</a></h3>
<div>
This is another Menu item
</div>
<h3><a href="#">Menu item 3</a></h3>
<div>
Menu item 3
<ul>
<li>List item one</li>
<li>List item two</li>
<li>List item three</li>
</ul>
</div>
<h3><a href="#">Section 4</a></h3>
<div>
Cras dictum. Pellentesque habitant morbi tristique senectus et netus
et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis
in
faucibus orci luctus et ultrices posuere cubilia Curae; Aenean
lacinia
mauris vel est.
Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat
lectus.
Class aptent taciti sociosqu ad litora torquent per conubia nostra,
per
inceptos himenaeos.
</div>
</div>
</body>
</html>
--