I have a table with multiple rows (for example 5). When clicked on a row a modal will open, I want to set a toggle and save the changes (each modal is the same). I have this:

typescript
it('Set payment methods', () => {
    cy.el('tablePaymentMethods')
        .children()
        .each(($el) => {
            $el.trigger('click');
            cy.el('toggleActive').click();
            cy.el('btnEditPaymentMethod').click();
        });
});

but I think this executes the code all at the same time, so all 5 modals are opened simultaneously. How can I do this in order?