Today, we made a simple jquerytabs plug-in-jQuery -.

JQuery.fn.stabs = function (options) {
var defaults = {
Navclass: "Nav_class",
Navhoverclass: "Nav_hover_class",
Navselectedclass: "Nav_selected_class",

Contentselectedclass: "Content_class",
selected:0
};
Jquery.extend (defaults,options);

$ ("div", this). css ({clear: "both"}). Width ("100%"). Height ("100%"). Hide ()
. EQ (defaults.selected)
. addclass (Defaults.contentselectedclass)
. Show ();

$ ("UL LI", this). AddClass (Defaults.navclass)
. Hover (function () {
$ (this). Removeclass (Defaults.navclass)
. addclass (Defaults.navhoverclass);
},function () {
$ (this). Removeclass (Defaults.navhoverclass)
. addclass (Defaults.navclass);
})
. Click (function () {
Alert ($ (this). Parent (). Find ("." +defaults.navselectedclass+ "a"). attr ("href"));
$ ($ (this). Parent (). Find ("." +defaults.navselectedclass+ "a"). attr ("href"))
. Removeclass (Defaults.contentselectedclass). Hide ();

$ (this). Parent (). Find ("." +defaults.navselectedclass)
. Removeclass (Defaults.navselectedclass)
. addclass (Defaults.navclass);
$ (this). Removeclass (Defaults.navhoverclass)
. addclass (Defaults.navselectedclass);
$ ($ (this). Find ("a"). attr ("href"))
. addclass (Defaults.contentselectedclass). FadeIn ("slow");

). EQ (defaults.selected). addclass (Defaults.navselectedclass)
return this;
}

Demo-Level download address: http://bbs.cnjquery.com/viewthread.php?tid=42&extra=page%3D1