jQuery UI includes a tabs widget that makes it easy to add tab panels to your web applications. Out-of-the-box, it currently only supports horizontal tab strips across the top of the content, like so:
There are samples in the jQuery UI code that show how you can easily achieve either side (vertical) tabs or bottom (horizontal) layouts with some simple jQuery and CSS, but I didn’t want to have to copy-and-paste the code every time I needed non-standard tab layouts. I’ve packaged the styles and script up into the superTabs library which introduces two new jQuery plug-in methods:
$("#verticalTabs").verticalTabs();
$("#bottomTabs").bottomTabs();
These take the standard jQuery UI tabs options. Here’s the tabs widget with vertical tabs:
And here are bottom tabs:
You can see a demo in action or download the code. Enjoy!
Can you make the vertical tabs show the background color all the way down the side? Not having that really breaks the tabbed look. It just looks like any other vertical menu.
Possibly, but I haven’t found a combination of styles that looks correct. I could inject a container into the widget, but I’m not sure how that would affect the other styles. jQuery UI is nice, but not all that flexible.
Hey admin, your blog’s theme is cool and loving it. Your blog posts are amazing. Please continue this great work. Greets..
Easily, the article is really the greatest on this laudable topic. I harmonise with your conclusions and will thirstily look forward to your coming updates. Saying thanks will not just be enough, for the extraordinary clarity in your writing. I will right away grab your rss feed to stay abreast of any updates.
I wanted to thank you for this excellent read!! I definitely loved every little bit of it. I have you bookmarked your site to check out the latest stuff you post.
Howdy, I uncovered this site by on a fluke when I was looking on Google then I went to your web site. I must tell you that your website is cool I love your theme! Currently have much time at the moment to fully read through your sitebut I bookmarked it. I will be back in a day or two. Thanks for a great site.