[Jquery] Nascondere elementi lista non ordinata e rimuovere lista

[Mary Angy]

Buongiorno,
per nascondere sequenzialmente gli elementi di una lista non ordinata, uso questo script

$('#onlineContainer li').each(function (i) {
    var intervallo=800;
    $(this).delay(i * intervallo).hide("bounce", { direction:'right', times: 2 }, "slow");
})

e fino a qui tutto ok, gli elementi - li -, vengono nascosti uno ad uno con un intervallo di 800 millisecondi, ecc.
Una volta nascosto tutto, però, dovrei rimuovere la lista intera #onlineContainer, per intenderci dovrei inserire
$('#onlineContainer').remove();

Il problema è che non so dove inserirlo per rimuovere la lista solo dopo la scomparsa dei suoi elementi.
Ho provato a mettere la funzione in callback in vari modi ma non va, mi rimuove la lista subito o dopo la scomparsa del primo elemento.
Aiutooo

[cavicchiandrea]

Cosi hai provato?
$(this).delay(i * intervallo).hide("bounce",{ direction:'right', times:2},"slow", function(){
$('#onlineContainer').remove()
});

[Mary Angy]

Si è stata l'ultima prova, ma messa così mi fa scomparire il primo li con l'effetto bounce e poi rimuove #onlineContainer, in pratica non attende che tutti i li siano stati nascosti prima di rimuovere la lista intera.

[cavicchiandrea]

$('#onlineContainer li').each(function (i) {
var intervallo=800;
$(this).delay(i * intervallo).hide("bounce", { direction:'right', times: 2 }, "slow");
if(i==0)$('#onlineContainer').remove()
})

[Mary Angy]

mmm no, si nascondono i li ma la lista rimane.
Lo verifico in quanto a monte delle funzione c'è un if che verifica onlineConteiner

if ($('#onlineContainer').length==0) {
          
              /*ecc. ecc.*/
    
} else {
            $('#onlineContainer li').each(function (i) {
                 var intervallo=800;
               $(this).delay(i * intervallo).hide("bounce", { direction:'right', times: 2 }, "slow");
               })
}

[Mary Angy]

Ho trovato la soluzione

$.when($('#onlineContainer li').each(function (i) {
        var intervallo =800;
          $(this).delay(i * intervallo).hide("bounce", { direction:'right', times: 2 }, "slow")
           })
  ).then(function () {$('#onlineContainer').remove();
                })