在javascript动画中链接转换

Question

我有一个如下所示的列表：

现在我需要为点击到屏幕中心的框设置动画，等待.5秒然后移动到顶部作为标题。

我一直在尝试使用velocity.js中的不同选项，但无法弄清楚如何执行此操作。

function animateobject(objName, obj) {
debugger;
obj = $(obj);
var p = obj.offset();
var element = $('#' + objName);
element.html(obj.closest('.connectPan2List').find('p').html());
element.css('top', p.top);
element.css('left', p.left);
element.velocity({ top:'50%', left:'50%' }, { duration: 500, easing: "linear" })
        .velocity({ top: '10px' }, {
            duration: 500, easing: "linear", complete: function () {
                alert('');
            }});

}

在这里，我一直在尝试将元素转移到屏幕的中心，然后向上移动到顶部，但似乎我无法正常使用它。请有人帮我这个。