如何实现鼠标点击border-bottom滑动跟随的动画效果？

Question

类似这样的效果，鼠标点击目标，border-bottom会跟随滑过去（不是直接跳过去）有没有聪明一点的办法实现这个效果，复用性比较好的。

Answer 1

$("li").click(function(){

    var liLen = 82

    var left = $(this).index() * liLen + 1

    $('span').animate({left: left + 'px'}, "fast")

})