The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

sliding tabs

  • # January 6, 2013 at 8:18 am


    I am looking for a way to do the sliding down tabs as in this example without having to use Flash: It is the menu with the items “Destinations”, “Things to do”, … and the sliding content block under need them that I am talking about.

    Anyone willing to put me in the right direction? I guess it must be possible with JQuery in combination with CSS3?


    # January 6, 2013 at 9:20 am

    this tutorial from nettuts might set you down the right path:

    # January 6, 2013 at 5:28 pm

    Many thanks for your response, this is really great! Is there a way to make it more smooter in the transitions? I will experiment a bit to get all columns at full width because I really want the tab effect, while this is more dynamic menu effect. Really appreciated your response!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed