jQueryのanimate()でborderColorが変化しない

jQueryのanimate()関数でboderColorを指定しても変化しません。

この場合、4ヶ所のborderそれぞれにcolorを割り当てないといけません。

動かない↓

jQuery(this).animate({
        borderColor: "#F00"
      }, "slow", "swing");

こちらで動く↓

jQuery(this).stop().animate({
  borderTopColor: "#F00",
  borderRightColor: "#F00",
  borderBottomColor: "#F00",
  borderLeftColor: "#F00"
}, "slow", "swing");

ちょっとめんどうですね。

 

参考にしたページ
jQuery animate border color on hover?