Is there a way to do something like #input1-#input24" instead of typing them all out?
Also, do I need to put the "if (val === "option1") " in front of each element?
$w.onReady(() => { $w('#dropdown1').onChange(() => { let val = $w('#dropdown1').value; if (val === "option1") { $w('#input9').expand()} if (val === "option1") { $w('#input10').expand()} if (val === "option1") { $w('#input11').collapse()} if (val === "option1") { $w('#input12').collapse()} if (val === "option1") { $w('#input13').collapse()} if (val === "option1") { $w('#input14').collapse()} if (val === "option1") { $w('#input15').collapse()} if (val === "option1") { $w('#input16').collapse()} if (val === "option1") { $w('#input17').collapse()} if (val === "option1") { $w('#input18').collapse()} if (val === "option1") { $w('#input19').collapse()} if (val === "option1") { $w('#input20').collapse()} if (val === "option1") { $w('#input21').collapse()} if (val === "option1") { $w('#input22').collapse()} if (val === "option1") { $w('#input23').collapse()} if (val === "option1") { $w('#input24').collapse()} if (val === "option2") { $w('#input11').expand()} if (val === "option2") { $w('#input12').expand()} if (val === "option1") { $w('#input13').collapse()} if (val === "option1") { $w('#input14').collapse()} if (val === "option1") { $w('#input15').collapse()} if (val === "option1") { $w('#input16').collapse()} if (val === "option1") { $w('#input17').collapse()} if (val === "option1") { $w('#input18').collapse()} if (val === "option1") { $w('#input19').collapse()} if (val === "option1") { $w('#input20').collapse()} if (val === "option1") { $w('#input21').collapse()} if (val === "option1") { $w('#input22').collapse()} if (val === "option1") { $w('#input23').collapse()} if (val === "option1") { $w('#input24').collapse()}
@z delihas There are a couple ways to condense the code. If you are wanting to collapse every input on the page, you could do it this way:
if (val === "option1") { $w("TextInput").collapse(); }
Or list them like this:
if (val === "option1") { $w("#input9,#input10,#input11,#input12,#input13,#input14").collapse(); }