jQuery css border fadeout effect on div

Question

У меня есть div, который я могу перетащить и отсортировать, используя сортировку jQuery. В div содержится дочерний div с серой границей, и когда начинается перетаскивание, я меняю цвет рамки на синий, добавляя класс css «mybox-on-drag». Затем, когда перетаскивание останавливается, я переключаю его, чтобы удалить класс.

Теперь, во время функции остановки, как я могу погасить синий цвет и вернуться к серому?

  start: function(event, ui) { 
        ui.item.children("#mybox").toggleClass("mybox-on-drag"); 
      }, 
      stop: function(event, ui) { 
        ui.item.children("#mybox").toggleClass("mybox-on-drag"); 
      }     

спасибо.

Answer 1

Если вы довольны решением, основанным на CSS3, попробуйте новый transition -Настройки (не поддерживается в старых браузерах).

В противном случае попробуйте установить цвет с помощью jQuery с помощью функции .animate.

ui.item.children("#mybox").animate({border-color: "#efefef"}, 500); 

EDIT: Для решения jquery вам нужны цвета jQuery, как указано в комментарии!