Прогрессивное раскрытие - jquery - элемент за элементом

Question

У меня есть требование разработать прогрессивное раскрытие с использованием JQuery.

Когда экран загрузится, все элементы будут отключены. Когда пользователь заполняет один элемент, следующий элемент должен быть включен. Это должно происходить последовательно.

Проблема возникает, когда пользователь нажимает некоторые элементы ввода html, такие как переключатель, у нас есть обновление раздела /div и по умолчанию все элементы в div включаются по мере их обновления.

Мое требование состоит не в том, чтобы добавлять какой-либо код в элемент управления, а в том, чтобы иметь глобальные прослушиватели и обратный вызов, который будет запускаться при частичном обновлении экрана (div обновляется с использованием вызова ajax).

скрипка

function executeProgressiveDisclosure(elementIndex) {
    var nextElementIndex = Number(elementIndex) + 1;
    if (checkIfEndOfSelection(elementIndex)) return;
    $("#mydiv input, "
        # mydiv select ").eq(nextElementIndex).prop('disabled', false).focus();
      returnNextElement(nextElementIndex); // activate next element if same type
}