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()}
let allElements = []; for (let i = 1; i < 25; i++){allElements.push($w("#input" + i));} allElements.forEach(e => {if(val === "option1"){e.collapse();}});