SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Enthusiast
    Join Date
    Mar 2010
    Posts
    57
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Facebook-style Dropdown

    I'm looking to build a dropdown menu like what Facebook has done (See below for screenshot). I'm pretty well-versed in HTML/CSS, with basic jQuery knowledge, but actually, I have never built a dropdown.

    Screen shot 2011-12-29 at 8.22.56 PM.png

    I have done research in the past and I understand that there are several ways to build a dropdown menu. In this particular situation, what is the best way to build this Facebook-styled dropdown, with graceful degradation?

    Thanks in advanced for any tip!
    Attached Images Attached Images

  2. #2
    Non-Member Max Height's Avatar
    Join Date
    Dec 2011
    Posts
    303
    Mentioned
    6 Post(s)
    Tagged
    1 Thread(s)
    You can build that dropdown with just html and css. You don't need jquery or vanilla javascript.

  3. #3
    Under Construction silver trophybronze trophy AussieJohn's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, Australia
    Posts
    776
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    Max is absolutely right, simple HTML and CSS is probably all that's needed here.

    A simple "Suckerfish" menu as they are sometimes called, will probably do the trick for you. A List Apart has an article on building these, and HTML Dog has a good example of one. Of course the way the menu looks is entirely up to you.
    var details = {
    . . web: "afterlight.com.au",
    . . photos: "jvdl.id.au",
    . . psa: "usethelatestversion.com"
    }


Tags for this Thread

Bookmarks

Posting Permissions

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