jQuery.fadeOut() - How to apply sequentially to a set of elements?
<p>I've 'n' buttons </p>

<p>I need to </p>

<pre><code>$('BUTTON').fadeOut();
</code></pre>

<p>... but I'd like to see one button at time disappear.. </p>

<p>how to ?</p>

<p>I tried using next, but in the following way ALL disappears in one moment</p>

<pre><code>$(".genresButton").first().fadeOut().next().fadeOut()  ;
</code></pre>

<p>I tried to use fadeOut to fadeOut the next, but I've not inital knowledge of total number of buttons. </p>

<p>I tried using $.each() but without success</p>

<p><em>EDIT:</em></p>

<p>This is the working solution i choosed:</p>

<pre><code>$("body").on('click', '.genresButton',  function(event) {
    $(".genresButton").not($(this)).each(function(index){
        $(this).delay(index * 500).fadeOut(450);
    });

});
</code></pre>
