Jquery 当另一个任务完成时激活div

我试图实现的是，当我按下一个按钮时，会出现一条垂直线，从一个点开始，在（随机）px之后结束。这是有效的

当该事件完成时，我希望在其下方出现一个圆圈，它可以正常工作，除了按下按钮后圆圈立即出现，而不是垂直线完全加载时

为了澄清，我希望当垂直线位于圆的端点时圆出现。谢谢

$(document).ready(function(){
$('.name-box').click(function(){
    $('.verti-line').animate({ height: '220px' }, 2000 );
    $('.circle').show();
});

}))

---

向你问好，维克多

设置动画有一个

完整的
功能。要称之为，你只需写下：

$('.verti-line').animate({ height: '220px' }, {duration : 2000, complete : function(){$('.circle').show();}});

动画完成后，圆圈将显示

$('.name-box').click(function(){
    $('.verti-line').animate({ height: '220px' }, 2000, function(){
        $('.circle').show();
    });
});

可以将函数作为参数传递以用作回调。动画完成后，将运行循环显示方法。
来自用于动画的jQuery文档。比如说：

$(document).ready(function(){
$('.name-box').click(function(){
    $('.verti-line').animate({ height: '220px' }, 2000, function() {
        $('.circle').show();
    });
});

谢谢你的回答！祝你今天愉快，巴德