jquery 选项卡插件

;(function($){
    $.fn.tabsimple = function(c){
     c = $.extend({
   tab: ".s-tab", //标题项
   con: ".s-con", //内容项
   curr: "curr",  //当前高亮的css教程类名
   event: "click" //触发的事件，jquery所支持的所有事件
     },c);
     return this.each(function(){
         var tab = $(this).find(c.tab);
      var con = $(this).find(c.con);
      tab.bind(c.event, function(){
       var i = tab.index($(this));
       tab.removeclass(c.curr); //或tab.find("." + c.curr).removeclass(c.curr)
       $(this).addclass(c.curr);
       con.hide().eq(i).show();
      });
  }); 
    };
})(jquery);

文件代码二

  

this is tab1.

  

this is tab2 width close button.

  

this is tab3 width icon.

  

   
  

  

   

    

子内容1

    

子内容2

    

子内容3