submit to reddit

NETTUTS: How to create a slick tabbed content area

One of the biggest challenge to web designers is finding ways to place a lot of information on a page without losing usability. Tabbed content is a great way to handle this issue and has been widely used on blogs recently. Today we’re going to build a simple little tabbed information box in HTML, then make it function using some simple Javascript, and then finally we’ll achieve the same thing using the jQuery library.

9 Responses to jQuery Tabs

  • I thought that you would lead us through it. Looks like you will do it and showcase it to us later. Look forward to seeing it.

    Reply
  • I thought the same. I’ve never built one before and didn’t even know you could do it with HTML, so I’m curious as to how you’re going to do it.

    Reply
  • Thanks for the info and the link, and dont forget to give us a sample you worked on.

    Reply
  • I love jQuery’s tabs. Its so easy to customise the CSS as well so they integrate nicely into your site.

    Reply
  • I will show you some samples pretty soon. I just came back from a short vacation.

    Reply
  • Pingback: CSS Menu Showcase | Butterfly Media Romania Blog - Marketing, SEO and WordPress

  • I love Nettuts, they have so many different ways to code things. I really like it how you highlighted this post.. It was a great resource to find out how to make tabs :)

    Reply
  • thanks for the link, it is useful

    Reply
  • very useful link..

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>