Brainstorms and Raves

Notes on Web Design, Development, Standards, Typography, Music, and More

Sun

28

DEC

2003

Collapsible Menus

Many have asked me about the code and markup behind the collapsible navigation links in the right-side column, the most recent inquiry in a comment from my previous post. I usually just refer people to my Colophon’s Other Features section where I’ve mentioned this with some links but I thought I’d mention something here, too. [Designing with Web Standards, by Jeffrey Zeldman]

I’ve used DOM-based scripting to implement the show/hide navigation with a combination of JavaScript and CSS. The JavaScript is from Chapter 15 of Jeffrey Zeldman’s top-notch book, Designing with Web Standards. I wanted the collapsible navigation to be as widely accessible as possible, in addition to not being complex or difficult to implement or maintain. More recently I’ve also tweaked the markup a bit to help with keyboard navigation.

I’ve mentioned Designing with Web Standards more than a few times here for a variety of reasons, so it’s no surprise that I highly recommend Jeffrey Zeldman’s book. You can purchase it online via Amazon.com and elsewhere and read more at the book’s companion site.

02:22 pm, pst28 December, 2003 Comments, Trackbacks (4) ·

Categories: Accessibility, Books, CSS, Colophon, Development, Standards

Comments

Comments, Trackbacks: 4 so far. Add yours!

  1. not really a comment on your collapsible menus (other than i wish they’d stay shown after i come back from visiting a link, and not revert to hidden)...

    ... i just wanted to say how happy i am that you’re back posting

    ;o)

    07:26 pm, pst28 December, 2003Comment by rudy

    comment #1 permalink ·

  2. The sites you reference are great, they’ve been in my bookmarks for a while. You did a good job with the side menus :)

    09:32 pm, pst28 December, 2003Comment by Coffee

    comment #2 permalink ·

  3. Your menu’s are elegant and I’m glad you shared with us how you achieved them.

    Also, very glad that your back posting. Happy New Year!

    12:29 pm, pst30 December, 2003Comment by Sian

    comment #3 permalink ·

  4. Shirley Kaiser's Brainstorms and Raves Friday Feast of useful info and links is back for the new year with helpful links to tutorials, comments, examples, information, charts, and tools related to abbreviations, acronyms, and initialisms. I've always w...

    03 Jan, 2004Trackback from dwh!{dezwozhere:blog}

    trackback #4 permalink ·

This discussion has been closed. Thanks to all who participated.

top


Visit iStockPhoto - Royalty-free stock images. Click Upload Earn, Click Download Create 

I Wrote a Book

Deliver First Class Web Sites: 101 Essential Checklists  Via amazon.com: Deliver First Class Web Sites: 101 Essential Checklists, by Shirley Kaiser. SitePoint Books (July 2006). 

Available now via: SitePoint Books, Amazon.com, Amazon.ca (Canada), Amazon.co.uk (UK), Amazon.fr (France), Amazon.de (Germany), Amazon.co.jp (Japan), Tower Books U.S. and elsewhere! You'll also help support this site and its owner if you purchase via any of these links.

Learn more at SKDesigns - Deliver First Class Web Sites and via SitePoint Books.

Recommended Books

Cover - Web Design in a Nutshell : A Desktop Quick Reference, 3rd Ed. By Jennifer Niederst Robbins. Pub: OReilly Media (February 21, 2006).

Cover - Deliver First Class Web Sites: 101 Essential Checklists, by Shirley Kaiser. SitePoint Books (July 2006).

Hand-picked best book recommendations for Web site design, CSS, graphics, Photoshop, color, accessibility, more

In association with
 In Association with Amazon.com 
http://brainstormsandraves.com/archives/2003/12/28/navigation/
Page last modified 14 July, 2007 - 10:19pm PDT Page load time: 0.010017 seconds.