Hi All. I am trying to create a list of multi-state boxes to create a collapsible accordion style nested list of services. So far I only have one set up, but will be duplicating the snippet for each additional service.
When I test the code on my computer (Mac, using Chrome), it seems to work fine. However, when I sent it to my client the button to toggle between the two states doesn’t work - nothing happens. I had them try in an incognito window and clear their cache, and they say it still doesn’t work. If anyone has any insight into what I may be going wrong here, I would REALLY appreciate it!!!
Code used is here:
$w . onReady ( function () {
// PreApproval
$w ( ‘#image1’ ). onClick (() => {
$w ( ‘#statebox9’ ). changeState ( “expanded” );
})
$w ( '#image2' ). onClick (() => {
$w ( '#statebox9' ). changeState ( "collapsed" );
})
});