Javascript 是否可以设置div边框的动画？

我在一些添加或删除底部边框的div上使用了

.addClass

和

.removeClass

。是否可以设置动画？大概是这样的：

$（“#左标题”）.addClass（'active'）.show（'slide'，{direction:'left'，easeincrc'，1000）

谢谢
当然，请使用：


div{
浮动：左；
位置：相对位置；
填充物：2em.5em.5em.5em；
背景：#需要；
字体系列：塔荷马字体、Arial字体、Helvetica字体、无衬线字体；
字体大小：粗体；
盒影：插入0-5px0 0#bbb；
边界半径：5px；
边框：1px实心#999；
溢出：隐藏；
光标：指针；
}
部门：之后{
内容：''；
显示：块；
宽度：0；
高度：5px；
位置：绝对位置；
最高：100%；
左：0；
页边顶部：-5px；
背景色：红色；
-webkit过渡：全部。5s轻松；
-moz过渡：全部5秒轻松；
-o型过渡：全部。5秒轻松；
过渡：所有。5s轻松；
}
div:悬停：之后{
宽度：100%；
背景色：#0c0；
}
将鼠标悬停在我身上
当然，请使用：


div{
浮动：左；
位置：相对位置；
填充物：2em.5em.5em.5em；
背景：#需要；
字体系列：塔荷马字体、Arial字体、Helvetica字体、无衬线字体；
字体大小：粗体；
盒影：插入0-5px0 0#bbb；
边界半径：5px；
边框：1px实心#999；
溢出：隐藏；
光标：指针；
}
部门：之后{
内容：''；
显示：块；
宽度：0；
高度：5px；
位置：绝对位置；
最高：100%；
左：0；
页边顶部：-5px；
背景色：红色；
-webkit过渡：全部。5s轻松；
-moz过渡：全部5秒轻松；
-o型过渡：全部。5秒轻松；
过渡：所有。5s轻松；
}
div:悬停：之后{
宽度：100%；
背景色：#0c0；
}
悬停我
为什么当我键入我的问题时，没有出现与我的问题稍有相似的先前问题，但在我提交后，我会在侧栏上看到相关问题？为什么当我键入我的问题时，没有出现与我的问题稍有相似的先前问题，但在我提交后，我在侧栏上得到了相关的问题？谢谢你的快速回答。我正在做晚饭，然后再做测试。我会检查是否正确。脉动效果如何？好的，谢谢。可能很难做到，但有没有办法做到从左到右或从左到右？我只使用底部边框，这将更适合我的其他动画。谢谢你的快速回答。我正在做晚饭，然后再做测试。我会检查是否正确。脉动效果如何？好的，谢谢。可能很难做到，但有没有办法做到从左到右或从左到右？我只使用底部边框，这将更适合我的其他动画。