Add multiple Multi State box in a page

Ask the community
,
1

I want to add three Multi State Box into a single page in my website and I have written a code for one multi State box and it is working fine. But when I have added one more multi state box into that page and written a same code. But it is not showing for second one.
Kindly suggest me how shall I code the given below code to get multiple Multi state box in a Page.

Code:
$w.onReady( function () {
//TODO: write your page related code here…
setTimeout(() => {
$w(“#PreloaderStateBox”).changeState(“Intro1”)
}, 9000)

$w(“#button9”).onClick(() => {
$w(‘#PreloaderStateBox’).changeState(“Expanded1”);
});
$w(“#button20”).onClick(() => {
$w(‘#PreloaderStateBox’).changeState(“Intro1”);
});

2

Hello.

When you add another multi-state box you need to copy $ paste the code as well as change element IDs to correspond to the new multi-state box and other elements like states and buttons. You can’t use same code for several boxes without changing the element IDs.

Good luck!

3

I did it but don’t know where to paste the new elements id. Can you please show me…