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

Organic-Tabs: Start with tabs closed

  • # June 11, 2013 at 7:30 pm

    thanks to Chris and his tutorial we have the Organic Tabs jQuery plugin ([]( “”)) and I’m working on implementing it on my website.

    For my design it is crucial that all tabs are “closed” when the page initially loads. The default is, however, to display the first tab (the a element with the class=”current”). I was wondering whether there is a quick way to change that.

    I just started to use jQuery, but I believe the central problem is that a new tab is only expanded if it is not the old tab.

    if ((listID != curList) && ($(“:animated”).length == 0)) {

    That makes sense, however, when initially hiding all tabs it makes the first tab (which has the class current) “unclickable”.

    Thank you very, very much!

    PS: [Here is the code on CodePen.]( “Here is the code on CodePen.”) However, I didn’t know how to call the plugin there – it wasn’t even working with the original code.

Viewing 1 post (of 1 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