Multistate box operation within another multistate box

Ask the community
1

Is there a limitation to how many multistate boxes you can write into the code of another multistate box?

I successfully set up my first set of onReady boxes that load beautifully. From there added in 3 additional drop down menu’s within one of those boxes, 3 all loaded and worked perfectly. Once I place the fourth in there though it breaks the code and won’t operate the drop down functions as it previously was. Maybe I’m missing something, but can I get some insight here?

image
image1182×743 35.6 KB

2

$w.onReady(function () {

$w('#businessPracticesDropDown').onClick(() => {
    $w('#businessPractices').changeState("Expand")
})

$w('#businessPracticesPullUp').onClick(() => {
    $w('#businessPractices').changeState("Collapse")
})
$w('#credentialsDropDown').onClick(() => {
    $w('#credentials').changeState("state1")
})

$w('#credentialsPullUp').onClick(() => {
    $w('#credentials').changeState("state2")
})

$w(‘#vectorImage38’).onClick(() => {
$w(‘#incidentReports’).changeState(“Expanded”)
})

$w(‘#vectorImage37’).onClick(() => {
$w(‘#incidentReports’).changeState(“Collapsed”)

$w(‘#vectorImage54’).onClick(() => {
$w(‘#statebox13’).changeState(“State7”)
})

$w(‘#vectorImage60’).onClick(() => {
$w(‘#statebox13’).changeState(“State8”)
})

$w('#vectorImage48').onClick(() => {
    $w('#statebox11').changeState("state5")
})

$w('#vectorImage47').onClick(() => {
    $w('#statebox11').changeState("state6")
})

})

$w(‘#vectorImage53’).onClick(() => {
$w(‘#statebox12’).changeState(“expanded”)
})

        $w('#vectorImage61').onClick(() => {
            $w('#statebox12').changeState("collapsed")
        })

$w(‘#vectorImage54’).onClick(() => {
$w(‘#statebox13’).changeState(“state7”)
})

        $w('#vectorImage60').onClick(() => {
            $w('#statebox13').changeState("state8")
        })

$w(‘#vectorImage55’).onClick(() => {
$w(‘#statebox14’).changeState(“state9”)
})

        $w('#vectorImage63').onClick(() => {
            $w('#statebox14').changeState("state10")
        })

$w(‘#vectorImage56’).onClick(() => {
$w(‘#statebox15’).changeState(“state12”)
})

        $w('#vectorImage62').onClick(() => {
            $w('#statebox15').changeState("state11")
        })

});