Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New to the CF scene
    Join Date
    Feb 2010
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Exclamation pull out menu in navigation

    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>

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,854
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    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/
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New to the CF scene
    Join Date
    Feb 2010
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts
    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.

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,854
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Check the "switch menu" at http://www.dynamicdrive.com/dynamicindex1/
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #5
    New to the CF scene
    Join Date
    Feb 2010
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts
    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

  • #6
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,854
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    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?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    eerikk2 (02-18-2010)

  • #7
    New to the CF scene
    Join Date
    Feb 2010
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts
    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


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •