javascript - ドラッグ時の uibModal 透明度の変更

Question

ドラッグ中は$uibModalモーダルを透明にし、ドラッグを止めると不透明にしたい。

とりあえず、ドラッグ可能な停止イベントとメソッドでjQueryのfadeTo()とfadeIn()mouseup()メソッドを試してみました。モーダルは透明になりますが、不透明にはなりません。

どうすればこのアニメーションを行うことができますか? プランカー

.directive('uibModalWindow', [function() {
  return {
    link: function(scope, element, attr) {
      console.log('element', element);
      var dialog = element.find('.modal-dialog');
      dialog.draggable({
        handle: '.modal-header',
        drag: function() {
          $(this).fadeTo(1000, 0.8);
        },
        stop: function() {
          $(this).fadeTo(1000, 1);
          //$(this).fadeIn();
        }
      });
      $('.modal-header').mouseup(function() {
        dialog.fadeTo(1000, 1);
        //dialog.fadeIn();
      });
    }
  };
}]);