[jQuery UI] jQuery UI effect se izvede samo polovično

$('#loto_vnos_vas').click(function() {
.......
vmes je veliko kode, ki ustvarja nova polja in nove html značke.
......
    	$('.zapored_vas').addClass('zapored_vas_2');		// dodaj razred, dodaj mesta za števila
	$('.zapored_vas_2').hide().toggle({effect: "slide", easing: "easeOutBack", duration: 620});		// skrij in prikaži iz strani, vljuči jQuery UI
});

Ob kliku se izvede veliko kode, zadnja vrstica prikaže števila, ki se postopoma prikažejo iz strani v času 0.62 sekunde. Opazil sem, da ta efekt zamudi začetek in se izvede samo zadnji del. Verjetno zato ker je pred tem obdeloval veliko kode. Kako bi napravil, da efekt počaka, da se predhodna koda izvede?? Tam, kjer imam manj kode, se efekt izvede v celoti.

Dobro, če se bo komu dalo prebijati skozi to džunglo? Če kliknete na gumb "loto po meri", boste videli, da ima krajšo izvedbo, od drugih dveh.

jsfiddle.net/ypcgv1qm

Če hoče kdo loto na svoji strani, naj me kontaktira z zasebenim sporočilom, dobi brezplačno, a naj doda povezavo, ki kaže na mojo stran.

async taski, hmm znam. Ne vem kako to jquery rešuje, v doju so promisi.