JQuery vertical nested tabs/nav?

Question

Anyone know of an online resource with a sample of a vertical jQuery menu with nested <ul><li> tags:
<ul>
<li>TOP LEVEL
<ul>
<li>Sub Link 1</li>
<li>Sub Link 2</li>
</ul>
</li>
</ul>
Trying to make it work like a conventional tabbed panel but vertical (where a <div> panel opens to the side when a link is clicked) and with nested sub links (possible?)
TOP LEVEL
>>Sub Link 1
>>Sub Link 2
I can do the one level but need something more versatile like:
<ul>
<li><a href="http://www.bbc.co.uk">BCC</a>
<ul>
<li><a href="#tabs-1">Link 1</li>
<li><a href="#tabs-2">Link 2</li>
</ul>
</li>
</ul>
When I add the additional <ul></ul> needed and the www link it stops working.
Cheers
Os.

Answer 1

Hello Kin,
You solved my problem :)
I suppose I can directly force the "float left" within the
SpryTabbedPanels.css.
I can play with the css content now to customize my content.
Here are the screenshot links, that I can keep online for a
while.
Before
After
Thank you very much
Alain