ui-modified

@@ -65,7 +65,8 @@ class SelectCouponController extends Page {
             unusableCouponList: resultHtml.find('.unusable'),
             unusableCouponList: resultHtml.find('.unusable'),
             useNowBtn: resultHtml.find('#useNowBtn'),
             useNowBtn: resultHtml.find('#useNowBtn'),
             exchangeCouponBtn: resultHtml.find('#exchangeCouponBtn'),
             exchangeCouponBtn: resultHtml.find('#exchangeCouponBtn'),
-            couponCodeInput: resultHtml.find('input[name=couponCodeInput]')
+            couponCodeInput: resultHtml.find('input[name=couponCodeInput]'),
+            exchangeBox: resultHtml.find('.exchange-box')
         };
         };
 
 
         this.view.filterBtn.on('click', this.tabChange.bind(this));
         this.view.filterBtn.on('click', this.tabChange.bind(this));
@@ -145,9 +146,11 @@ class SelectCouponController extends Page {
         if (itemClicked.hasClass('valid')) {
         if (itemClicked.hasClass('valid')) {
             this.view.unusableCouponList.addClass('hide');
             this.view.unusableCouponList.addClass('hide');
             this.view.usableCouponList.removeClass('hide');
             this.view.usableCouponList.removeClass('hide');
+            this.view.exchangeBox.removeClass('hide');
         } else {
         } else {
             this.view.usableCouponList.addClass('hide');
             this.view.usableCouponList.addClass('hide');
             this.view.unusableCouponList.removeClass('hide');
             this.view.unusableCouponList.removeClass('hide');
+            this.view.exchangeBox.addClass('hide');
         }
         }
     }
     }