封装手风琴！使用jQuery！

 //封装手风琴
 /**
  *
  *
  *
  */

 $.fn.accordion = function (colors, width) {

     var width=width||0;
     var colors= colors||[];

     $li = this.find("li");
     var boxWidth = this.width();
     var avgWidth = boxWidth / $li.length;
     var maxWidth = boxWidth - ($li.length - 1) * width;

     //更改li的颜色
     $li.each(function (i, e) {
         $(e).css("backgroundColor", colors[i]);
     });

     //鼠标进入事件
     $li.on("mouseenter", function () {
         $(this).stop().animate({
             "width": maxWidth
         }).siblings().stop().animate({
             "width": width
         });
     })
     //鼠标离开事件
     $li.on("mouseleave", function () {
         $li.stop().animate({
             "width": avgWidth
         });
     })
     return this;
 }

先提供代码！有时间会更新详细的内容~~~~~~~~~~~