颜色切换

 /**
- * 退换货申请
+ * 商品详情
  * @author: yyqing<yanqing.yang@yoho.cn>
  * @date: 2016/7/15
  */
@@ -10,9 +10,9 @@ var $tradeWrapper = $('.trade-wrapper'),
     $balanceWrapper = $('.balance-wrapper'),
     $colorText = $('.choose-color .color'),
     $sizeText = $('.choose-size .size'),
-    $colorList = $('.color-list'),
+    $colorItem = $('.color-list .round-color'),
     $sizeList = $('.size-list'),
-    $sizeItem = $('.size-list').children();
+    $sizeItem = $('.size-list > li');
 
 var $addToBag = $('#add-to-bag');
 
@@ -37,20 +37,23 @@ function getBuyProduct() {
 }
 
 // 颜色
-$colorList.on('click', '.round-color', function() {
+$('.color-list').on('click', '.color-item', function() {
     var $this = $(this),
-        data = $this.parent().data();
+        index = $this.index(),
+        data = $this.data();
 
     if (!$this.hasClass('cur')) {
-        $colorList.removeClass('cur');
+        $colorItem.removeClass('cur');
+        $sizeList.not('.hide').addClass('hide');
+        $sizeList.eq(index).removeClass('hide');
         $sizeItem.removeClass('cur');
         $colorText.text(data.color ? data.color : '');
-        $this.addClass('cur');
+        $this.children().addClass('cur');
     }
 });
 
 // 尺码
-$sizeList.on('click', 'li', function() {
+$('.size-list').on('click', 'li', function() {
     var $this = $(this),
         data = $this.data();