I was constantly looking for unobtrusive JavaScript tabs script which doesn’t require any framework for my personal project. I have found SimpleTabs by Komrade but there’s a bug on it plus it doesn’t degrades gracefully if JavaScript is disabled.

Today I have just found Yetii, which stands for Yet (E)Another JavaScript Tab Interface Implementation. It’s a lightweight, object-oriented coded tab interface script which doesn’t require any JavaScript library/frameworks. It degrades gracefully in browsers without JavaScript support. You can have many independent tab interfaces on a single page, specify initial tab, turn on automatic tabs rotation, add next/previous navigation, nest one tab interface inside another and define custom function to run after certain tab is clicked.

Though the script is intended for tab interface implementation, I found out that you can also use this script for another purpose. Just turn on automatic tabs rotation and add next/previous navigation – a lightweight JavaScript slideshow will born. You can now have an unlimited tab interface plus an unlimited slideshow from a simple, lightweight JavaScript.

Demo & Documentation: http://www.kminek.pl/lab/yetii/
License: BSD License

• It does not need different IDs per tab container in order to have multiple tab sets. So, you can have as many SimpleTabs tab sets as you want on the same page. This solve the most annoying features I found in other tab content script where you are limited to a single tab set.
• It remembers the last tab clicked on and if you reload the page (e.g. navigate somewhere and return to the page containing the tabs) that specific tab is already active.

Single Bug

When I tried to implement this script on my project, I found at that putting <div> element inside the content page will cause the script not to work anymore. Unfortunately, I didn’t find any contact information where I send or ask for support regarding this bug.

Demo & Documentation: http://labs.komrade.gr/simpletabs/
License: GNU/GPL v2.0