Activate div when another one is done
<p>What I'm trying to achieve is that when I press a button, a vertical line appears that starts at one point and end after a (random)px. That is working. </p>

<p>When that event is done I want a circle to appear below it, it's kinda working except that the circle appears as soon as I press the button and not when the vertical line is fully loaded.</p>

<p>For clarification, I want the circle to appear when the vertical line is at its end. Thanks!</p>

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

<p>});</p>

<p>Best regards, Viktor!</p>
