More
See all Show me
1. jQuery Demo - Expandable Sidebar Menu
3 years ago
Final version of the demo:
jquery.com/files/demo/dl-done.html

The base HTML file:
jquery.com/files/demo/dl.html

Credits

42 Likes

Tags

  • John Resig 3 years ago
    Hey metric: It's definitely possible with jQuery, but I agree, it may not be completely intuitive. However, that sounds like a good thing that I can cover in my next screencast - would that interest you?
  •  
  • jqueryNewbie 2 years ago
    I really like this menu. One variation i was trying to get to work was having the menu stay collapsed if clicked on twice (it currently collapses, but then expands again) Is this easy to do? I can't seem to get it to work.
  •  
  • Ibrahim Abid 1 year ago
    I like it thanks John :)
  •  
  • Alex Fish 1 year ago
    thanks john!

    i took it a step further and added a nice fade effect

    renderrobot.com/files/menu/accordian.html

    seems to work pretty smoothly
  •  
  • Hasan Gürsoy 11 months ago
    Nice work...
  •  
  • Jeff Ponce de Leon 9 months ago
    I like the video tuturial. I think this is the way.

    My one suggestion is to sharpen the image. I am not sure if it something i can adjust or if its just the nature of video on the web.

    I did try the zoom and made the text a larger size yet the video was fuzzy and my eyes had to really strain to see the code.
  •  
  • saiful islam 8 months ago
    i try to understand but so small zoom
  •  
  • Deyan Pavlov 7 months ago
    Yes, really, I'd like first to thank for this video tutorial and also to ask for the future, could you please post video with better resolution, if possible?
  •  
  • Rahul Anand 7 months ago
    Yes Really Nice Article. Its Really Helpful. Thanks
  •  
  • Gilberto Beltrao 5 months ago
    It's very nice, but how do I add a level to it? I'd like something like:

    ----------------------
    Products
       Coffee
           Starbux
               Verona
               Breakfast
            Millstone
               French Roast
    Blend
       Milk
           Some brand
                 Whole
                 Chocolate

    ------------------------
    ... and so on. How can I do this? Thanks!
  •  
  • Little Switzerland 5 months ago
    John thanks for the easy to understand run through. I vote for some more tutorials like this in the future. Cheers.
  •  
  • David Nahmias 4 months ago
    I like to see a demo
    displaying a column from mysql with jquery sidebar

    Thank You!
    David
  •  
  • Jamie Brewer 3 months ago
    Great Video!
  •  
  • John 3 months ago
    Hi, Very well done, I have already added it on my website D&l Inmobiliaria Asesoria Juridica | Cali

    Thank you,
    John
  •  
This conversation is missing your voice. Take five seconds to join Vimeo or log in.

Advertisement

1 Related collections

Albums Albums

Statistics

  •  
    plays
    likes
    comments
  • Total
    plays 89.6K
    likes 42
    comments 15
  • Dec 5th
    plays 81
    likes 0
    comments 0
  • Dec 4th
    plays 115
    likes 0
    comments 0
  • Dec 3rd
    plays 139
    likes 0
    comments 0
  • Dec 2nd
    plays 100
    likes 0
    comments 0
  • Dec 1st
    plays 96
    likes 0
    comments 0
  • Nov 30th
    plays 74
    likes 0
    comments 0
  • Nov 29th
    plays 40
    likes 0
    comments 0
  • Nov 28th
    plays 52
    likes 0
    comments 0
Previous Week

Downloads

Please join Vimeo or log in to download the original file. It only takes a few seconds.