Velo code works in preview but not on live site

Ask the community
,
1

Hi, I am a bit new to coding and trying to figure it out. I have several multistate boxes with information to display when they are expanded. I want them to expand when clicked and at the same time, close an other ones that might be open.
The code worked perfectly until today. Now it works in preview but not on my published site. I’m sure I have some kind of error. Any help would be appreciated!
The url is: https://www.taikozentrum.de/ute-taiko

Here is my code:

//concept
$w ( ‘#concept’ ). onClick (() => {
$w ( ‘#concept’ ). changeState ( “expand1” );
$w ( ‘#nature’ ). changeState ( “collapse2” );
$w ( ‘#taiko’ ). changeState ( “collapse3” );
$w ( ‘#manti’ ). changeState ( “collapse4” );
})

$w ( '#conceptclose' ). onClick (() => { 
    $w ( '#concept' ). changeState ( "collapse1" ); 
}) 
// nature 
$w ( '#nature' ). onClick (() => { 
    $w ( '#nature' ). changeState ( "expand2" ); 
    $w ( '#concept' ). changeState ( "collapse1" ); 
    $w ( '#taiko' ). changeState ( "collapse3" ); 
    $w ( '#manti' ). changeState ( "collapse4" ); 
}) 
$w ( '#natureclose' ). onClick (() => { 
    $w ( '#nature' ). changeState ( "collapse2" ); 
}) 

 // taiko 
$w ( '#taiko' ). onClick (() => { 
    $w ( '#taiko' ). changeState ( "expand3" ); 
    $w ( '#concept' ). changeState ( "collapse1" ); 
    $w ( '#nature' ). changeState ( "collapse2" ); 
    $w ( '#manti' ). changeState ( "collapse4" ); 
}) 
$w ( '#taikoclose' ). onClick (() => { 
    $w ( '#taiko' ). changeState ( "collapse3" ); 
}) 
 // manti 
$w ( '#manti' ). onClick (() => { 
    $w ( '#manti' ). changeState ( "expand4" ); 
    $w ( '#concept' ). changeState ( "collapse1" ); 
    $w ( '#taiko' ). changeState ( "collapse3" ); 
    $w ( '#nature' ). changeState ( "collapse2" ); 
}) 
$w ( '#manticlose' ). onClick (() => { 
    $w ( '#manti' ). changeState ( "collapse4" ); 
})
2

All of the code needs wrapping within the $w.OnReady. Without this, the code won’t work because it doesn’t know if the page is ready or not.

It would look something like this:

$w.onReady(function () {
//all your code goes here
});
3

OMG thank you! It was a pretty obvious and stupid error… but I am very grateful for your time in answering me! I must have accidentally deleted the on ready line without realizing it.
THank you so much!