Kendo PanelBar with custom item styling
HTML
<script src="http://cdn.kendostatic.com/2011.3.1407/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1407/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1407/styles/kendo.default.min.css">
<ul id="panelBar1">
<li>
Item 1
<ul>
<li>Sub Item 1</li>
<li>Sub Item 2</li>
</ul>
</li>
<li>Item 2
<ol>
<li>Sub Item 1</li>
<li>Sub Item 2</li>
</ol>
</li>
</ul>
JavaScript
$("#panelBar1").kendoPanelBar({
});