text-only tree style vertical menu

[tehOPEologist]

I want to make a vertical menu on a site i'm making that has one link like this:

+start

once that's clicked, more text/links appear below it like this:

-start
-images
-vids
-etc

and people can click on each sub-link to navigate to other places on the site.

i'm sure this is simple as hell to make (or at least i would think it is) but i'm not the best at coding anything other than basic html.

any and all help will be GREATLY appreciated!! thanks again<33

[Nile]

Like one of these?
http://www.dynamicdrive.com/dynamici...view/index.htm
http://www.dynamicdrive.com/dynamici...tchcontent.htm
http://www.dynamicdrive.com/dynamici...chcontent2.htm
http://www.dynamicdrive.com/dynamicindex1/navigate1.htm
http://www.dynamicdrive.com/dynamici...ordionmenu.htm

[tehOPEologist]

yes, like the 3rd demo on that page. could you help me to put that in my website? i'm not sure how to embed it into my html doc...

[Nile]

On that page, scroll down to "Setting Up a Tree View on your page."

If that doesn't help, then I'll help you.

[tehOPEologist]

k, i'm sure that tells me how to do it, but starting from the first instruction, i don't even know where to place that code in my html doc! lol i'm sorry i'm not pwn @ coding just yet, i'm just trying to build this site for myself, and i really thought this tree menu would be a really nice touch to my design idea. if you could assist me, i'd really appreciate it. if you have aim we can IM through it or something, lol, whatever suits you best

[Nile]

I do have an IM. Once you get more posts PM will be available for you, and we can discuss it there. But until you get 2 more posts, we cant...

Anyways. Download the "jquery.treeview.zip" on that page. See if you can get it to display the menu's correctly:

<li class="closed">
<a href="#">Start</a>
 <ul>
  <ll>Images</li>
  <ll>Vdeos</li>
  <ll>Etc</li>
 </ul>
</li>

[tehOPEologist]

um, so i put that folder in the root folder of the website, and i pasted that code you typed in the body of my site, but it just has a link to Start and it does nothing.....

shouldn't there be something that replaces the # in the a href line?

[tehOPEologist]

btw: this is post #5, yay! lol

[bluewalrus]

I think that was a typo by nile and should be

<li class="closed">
<a href="#">Start</a>
 <ul>
  <li>Images</li>
  <li>Vdeos</li>
  <li>Etc</li>
 </ul>
</li>

[tehOPEologist]

lol, i don't see a difference in code walrus