SimpleTabs is lightweight (2.5 KB compressed), unobtrusive tabs script which doesn’t require any JavaScript frameworks such as jQuery, Mootools etc. Some of it’s interesting features are:
- 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
7 Responses to “Standalone Unobtrusive Tabs Script: SimpleTabs By Komrade”
nice idea, but it really fails on accessibility. Turn JavaScript off and you get no text at all.
Why not have all the text displayed as default and hide the ones you don’t need with script or at a minimum have the tabs being links to the content they are supposed to display.
Yeah, I have never figured out that too. The author should have put a contact form or a comment form so that we can report some issues of his script. Other than that, it’s really a great script.
Very nice tab. Hope they can fix the element issue and JavaScript off and I will throw away my jQuery tabs.
[...] 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 [...]
[...] 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 [...]
[...] Nachtrag 3: Planänderung: nachdem ich mich erst wieder in objektorientiertes Javascript einarbeiten müsste und das Netz nicht selten irgendwo, Probleme längst gelöst hat, habe ich mich dann doch noch einmal umgesehen und wurde fündig. Unbtrusive und eine Klasse bestimmt was zum Inhalt der Registerkarte zählt. Auch wenn ich noch nicht den Test gemacht habe. Der erste Eindruck ist jedenfalls beeindruckend und einen Linktipp wert: Standalone Unobtrusive Tabs Script: SimpleTabs By Komrade. [...]
Hello. xaxanjasdijwewe And Bye.