pull out menu in navigation

eerikk2 · 02-17-2010, 03:27 AM

I have a navigation panel on the right side of my website and the links are set up using ul. What I want is to be able to do is make sub-links that show up when i click on on of the links. For example, say I have 10 links labeled Link 1, Link 2, Link 3, Link 4, etc... and I have 5 sub-links that I want under one of these 10 Links. I want the sub-links to show up only when someone is to click on the link. Say I want link 1 to have these 5 sub-links.
This is what the navigation panel would look like before Link 1 is expanded.

Code:

Link 1
Link 2
Link 3
Link 4
Link 5
etc...

The links would look like this once expanded.

Code:

Link 1
     sub-link 1
     sub-link 2
     sub-link 3
     sub-link 4
     sub-link 5
Link 2
Link 3
Link 4
Link 5
etc...

I have seen some sites where you can copy and paste the code but then I can't edit them the way I want. If someone could give me instructions on how to do this I would greatly appreciate it.

If it helps the current set up for my links is like this

Code:

<ul>
     <li>Link 1</li>
          <ul>
               <li>sub-link 1</li>
               <li>sub-link 2</li>
               <li>sub-link 3</li>
               <li>sub-link 4</li>
               <li>sub-link 5</li>
     <li>Link 2</li>
     <li>Link 3</li>
     <li>Link 4</li>
     <li>Link 5</li>
     <li>etc...</li>
</ul>

abduraooft · 02-17-2010, 07:03 AM

Quote:

I have seen some sites where you can copy and paste the code but then I can't edit them the way I want. If someone could give me instructions on how to do this I would greatly appreciate it.

Try to follow http://htmldog.com/articles/suckerfish/dropdowns/

eerikk2 · 02-18-2010, 04:24 AM

ok so i checked out that site and well thats not exactly what i'm looking for. i want the list to be well in a list

so i have like this

link 1
link 2
and so on

this site shows me how to make like a pop out. What i am looking for is like a thing where the sublinks will be shown when you click on the link 1 or whatever below it and it will push down the links below it
its similar to the way widows explorer folder view works. you click the plus sign and more stuff comes up in in the sub files or whatever.

abduraooft · 02-18-2010, 06:55 AM

Check the "switch menu" at http://www.dynamicdrive.com/dynamicindex1/

eerikk2 · 02-18-2010, 07:20 AM

GREAT! thanks for the help. I really appreciate it.

If you happen to know of a tutorial where i can learn to do this that'd be cool too. but this is exactly what i need

abduraooft · 02-18-2010, 07:36 AM

Quote:

If you happen to know of a tutorial where i can learn to do this that'd be cool too. but this is exactly what i need

Have you read anything in that page?

eerikk2 · 02-18-2010, 08:33 AM

ya i'm reading through it. i just know nothing about javascript so a tutorial would help understand it. but i'm sure i can teach myself it.
Thanks for showing me this site