collapsible sections doesn't work in google chrome

[christophbeyls]

I’m trying the integrate the code example from https://www.wix.com/velo/example/collapsible-sections but it doesn’t work in google chrome. However the code seems to be correct because it works fine in firefox.

My code:

$w . onReady ( function () {
$w ( ‘#CollapseButtonVraag1’ ). onClick (() => {
toggleBox ( $w ( ‘#CollapsibleBoxVraag1’ ), $w ( ‘#ArrowDownVraag1’ ), $w ( ‘#ArrowRightVraag1’ ));
});

$w ( '#CollapseButtonVraag2' ). onClick (() => { 
    toggleBox ( $w ( '#CollapsibleBoxVraag2' ),  $w ( '#ArrowDownVraag2' ),  $w ( '#ArrowRightVraag2' )); 
}); 

$w ( '#CollapseButtonVraag3' ). onClick (() => { 
    toggleBox ( $w ( '#CollapsibleBoxVraag3' ),  $w ( '#ArrowDownVraag3' ),  $w ( '#ArrowRightVraag3' )); 
}); 

});

function toggleBox ( boxElement , ArrowDown , ArrowRight ) {
const isCollapsed = boxElement . collapsed ;
if ( isCollapsed ) {
ArrowRight . hide ();
ArrowDown . show ();
boxElement . expand ();
} else {
ArrowDown . hide ();
ArrowRight . show ();
boxElement . collapse ();
}
}

Collapsed view (Firefox)

expanded view (Firefox)