jQuery Tabbed Panels (BogoTabs)


What jQuery needs now is yet another tabbed interface plugin. Yeah, right!

The BogoTabs plugin was inspired by the idTabs plugin, but i had problems with that plugin in the Konqueror browser and i find its overall technique a bit iffy because it uses implied tab identifiers instead of explicit ones, making the code more difficult to understand/maintain (IMO). Please understand that this plugin is nowhere near as feature-rich as the idTabs or "Klaus' Tabs" plugins.

If you would like to see a standalone demo of the tabs code, click here.

As of jQuery 1.2.x, the jQuery UI toolkit has become an officially supported part of the jQuery project, and it includes tab widgets. Thus there are no plans to do any significant maintenance on this code. If you're stuck with jQuery 1.1.x and cannot update for some reason, then this code might still be an option for you, otherwise i recommend using the tabs from the official UI toolkit.

License: Public Domain

Filename Size (bytes)
sgbeal-bogotabs-20070725.jquery.yuimin.js 1801
sgbeal-bogotabs-20070725.jquery.pack.js 1964
sgbeal-bogotabs-20070725.jquery.min.js 2325
sgbeal-bogotabs-20070725.jquery.js 9690
sgbeal-bogotabs-20070715.jquery.yuimin.js 1863
sgbeal-bogotabs-20070715.jquery.pack.js 1996
sgbeal-bogotabs-20070715.jquery.min.js 2361
sgbeal-bogotabs-20070715.jquery.js 8698
sgbeal-bogotabs-20070714.jquery.yuimin.js 1709
sgbeal-bogotabs-20070714.jquery.pack.js 1846
sgbeal-bogotabs-20070714.jquery.min.js 2180
sgbeal-bogotabs-20070714.jquery.js 8303
sgbeal-bogotabs-20070712.jquery.yuimin.js 1511
sgbeal-bogotabs-20070712.jquery.pack.js 1678
sgbeal-bogotabs-20070712.jquery.min.js 1920
sgbeal-bogotabs-20070712.jquery.js 7143

What the various *.js files are:
  • *.jquery.js or jquery.PLUGIN_NAME.js = the full-fledged, human-readable/editable source code files, including documentation for using the code.
  • *.pack.js = "packed" source code files, meaning they are optimized for maximum space savings (which also means obfuscated). They are created using one of the packers derived from http://dean.edwards.name/packer/.
  • *.min.js = source code files "minimized" for space savings using jsmin. They are not obfuscated, but are nonetheless not intended for human consumption.
  • *.yuimin.js = similar to the .min.js files, but these are compressed using the YUI minifier, which claims to be less error-prone than the conventional PACK method and smaller than normal MINinification. They are obfuscated, not intended for human consumption.
When deploying applications which use this code, the compressed versions are recommended, as they help reduce the download time of the application. Also, combining multiple scripts into a single file can notably reduce the download overhead.

If you use BogoTabs and like it, please go rate it on the jQuery site.