Show elements, after task on all is done, do this?
<p>Hi I'm having some problems to figure how I would do this task. I got a wrapper with elements, and on a click I'm gone show them. After they are visible I want to perform another task, issue here is that it triggers it for each element in the wrapper. </p>

<p><strong>EDIT</strong>
Sorry meant to be <code>.fadeIn()</code></p>

<p>example code: <a href="http://jsfiddle.net/HbrPs/" rel="nofollow">Jsfiddle</a></p>

<pre><code>&lt;div id="wrapper"&gt;
    &lt;div class="div-item"&gt;&lt;/div&gt;
    &lt;div class="div-item"&gt;&lt;/div&gt;
    &lt;div class="div-item"&gt;&lt;/div&gt;
    &lt;div class="div-item"&gt;&lt;/div&gt;
    &lt;div class="div-item"&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;a href="#" id="click-me"&gt;click me&lt;/a&gt;

$('#click-me').on('click', function()  {
    $('#wrapper &gt; div.div-item').fadeIn(600, function() {
        console.log('show');
    });

    return false;
});
</code></pre>
