JQuery Tabs

Joined: 01/18/2008
User offline. Last seen 1 year 7 weeks ago.

I want to put JQuery Tabs on my church's homepage, under the slideshow - http://www.fbclp.net/

I've tried to add tabs from a tutorial, but it didn't turn out right. Anyone know of a good tutorial, or even willing to volunteer help with this?

Thanks,
Rob

Joined: 10/18/2008
User offline. Last seen 1 year 27 weeks ago.
jquery.js and tabs.js aren't

jquery.js and tabs.js aren't in your media directory.

But basically once those are loaded, you should be able to just write:

$('#navbarleft').tabs();

I haven't used jquery tabs, but seems pretty straight forward from the examples here: http://stilbuero.de/jquery/tabs/

/ * Begin Signature */
It's a strange thing about determined seekers-after-wisdom that, no matter where they happen to be, they'll always seek that wisdom which is a long way off. Wisdom is one of the few things that looks bigger the further away it is.

Joined: 11/28/2008
User offline. Last seen 22 weeks 3 days ago.
Which "tabs" system are you

Which "tabs" system are you attempting to use? jQuery UI has one, and there are plugins on the web as linked in the previous post.

Joined: 04/30/2010
User offline. Last seen 1 year 20 weeks ago.
I like this tutorial the

I like this tutorial the best. I've even stripped it down and used it cleanly in a Drupal site.
http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/

G&G Moderator
G&G Podcast Host
micah's picture
Joined: 06/21/2007
User offline. Last seen 2 weeks 3 days ago.
Very Nice

Dave,

Very nice. I'm going to have to give that a try. I've got a couple of places where I'd like to use tabs this way.

I also like the way your code sections stretch out wider on mouse over. Nice way to display code without wrecking your page layout.

Micah

Edit: Oops. Just realized you were linking to someone else's tutorial, not your own. Same comments still apply, but in that context. ;-)