I am trying to create an outline looking display. So that there are about 3 or 4 levels of nesting such as:

Code:
I.  Something
II. Something else
   A. More
      1. more text
         a. and maybe more text
      2.  more 2
III.
Etc. It doesn't have to have those labels, It just needs to have that nesting capability. I'm also trying to make it so that the suboutline doesn't show up unless you click on it. I found HTML's UL and LI tags a little limiting and I was wondering if there was a better way to do this and with css, and using the display:none feature in DHTML.

The functionality I'm looking for is very much similiar to how IE displays an XML document (not necessarily with the "+" symbol, but the functionality). Any help would be appreciated. Thank you.