Good day. The problem is this, there is a form, in it the item "how many children". It is implemented through select and there are 5 options (maximum number of children). Initially, value 0. How to realize that if you select for example value with a value of 1, then another option crawled alongside, with the choice of the child's age? And depending on the number of children, the required number of options appears with the choice of their age. Even as a condition, the age selection options have already been written and styled, just with display: none; that's what a certain option needs to appear (let it be a binding to a class or ID). I understand that it is js, but not strong in it. Who will tell you how to do it. Here is a block of that code
fieldset.form-fieldset.ui-input.__fifth.form__border-bottom p.reposing__text Сколько детей? select#child-amount(name="reposing3").child-amount option(value="0") 0 option(value="1") 1 option(value="2") 2 option(value="3") 3 option(value="4") 4 option(value="5") 5 .child__old p.reposing__text-desc Их возраст select#child-old1(name="childOld1").child-old option(value="1") 1 option(value="2") 2 option(value="3") 3 option(value="4") 4 option(value="5") 5 option(value="5") 6 option(value="5") 7 option(value="5") 8 option(value="5") 9 option(value="5") 10 option(value="5") 11 option(value="5") 12 option(value="5") 13 option(value="5") 14 option(value="5") 15 option(value="5") 16 option(value="5") 17 select#child-old2(name="childOld2").child-old option(value="1") 1 option(value="2") 2 option(value="3") 3 option(value="4") 4 option(value="5") 5 option(value="5") 6 option(value="5") 7 option(value="5") 8 option(value="5") 9 option(value="5") 10 option(value="5") 11 option(value="5") 12 option(value="5") 13 option(value="5") 14 option(value="5") 15 option(value="5") 16 option(value="5") 17 select#child-old3(name="childOld3").child-old option(value="1") 1 option(value="2") 2 option(value="3") 3 option(value="4") 4 option(value="5") 5 option(value="5") 6 option(value="5") 7 option(value="5") 8 option(value="5") 9 option(value="5") 10 option(value="5") 11 option(value="5") 12 option(value="5") 13 option(value="5") 14 option(value="5") 15 option(value="5") 16 option(value="5") 17 select#child-old4(name="childOld4").child-old.child-old_right option(value="1") 1 option(value="2") 2 option(value="3") 3 option(value="4") 4 option(value="5") 5 option(value="5") 6 option(value="5") 7 option(value="5") 8 option(value="5") 9 option(value="5") 10 option(value="5") 11 option(value="5") 12 option(value="5") 13 option(value="5") 14 option(value="5") 15 option(value="5") 16 option(value="5") 17 select#child-old5(name="childOld5").child-old.child-old_right option(value="1") 1 option(value="2") 2 option(value="3") 3 option(value="4") 4 option(value="5") 5 option(value="5") 6 option(value="5") 7 option(value="5") 8 option(value="5") 9 option(value="5") 10 option(value="5") 11 option(value="5") 12 option(value="5") 13 option(value="5") 14 option(value="5") 15 option(value="5") 16 option(value="5") 17 