JQuery：如何为这个addClass / removeClass标签菜单设置动画？ [的jsfiddle]

Question

JSFiddle： https://jsfiddle.net/fdovctwe/

＆＃xA; ＆＃xA;

如何在上面的链接中使用此菜单并为类转换设置动画，以便它们滑动而不是切换打开和关闭？

＆＃xA;＆＃xA;

  $（'ul.cola-tabs li'）。click（function（）{＆＃xA;＆＃xA; var tabID = $（this）.attr（'data-tab'）;＆＃xA;＆＃ xA; $（'ul.cola-tabs li'）。removeClass（'current cola-sel'）;＆＃xA; $（'。tab-content'）。removeClass（'current'）;＆＃xA; $ （this）.addClass（'current cola-sel'）;＆＃xA; $（“＃”+ tabID）.addClass（'current'）;＆＃xA;＆＃xA;}）;＆＃xA;＆ #xA; $（'ul.cola-tabs li'）。hover（function（）{＆＃xA;＆＃xA; $（'ul.cola-tabs li'）。removeClass（'cola-sel'）;＆＃xA ; $（this）.addClass（'cola-sel'）;＆＃xA;＆＃xA;}，function（）{＆＃xA;＆＃xA; $（'ul.cola-tabs li'）。removeClass （'cola-sel'）;＆＃xA; $（'ul.cola-tabs li.current'）。addClass（'cola-sel'）;＆＃xA;＆＃xA;}）;＆＃xA;  

＆＃XA;