Collapsible Code not working

Ask the community
, ,
4

$w . onReady ( function () {
$w ( ‘#newYorkCollapseButton’ ). onClick (() => {
toggleBox ( $w ( ‘#newYorkCollapsibleBox’ ), $w ( ‘#newYorkPlusSign’ ), $w ( ‘#newYorkMinusSign’ ));
});

$w ( '#newYorkMinusSign' ). onClick (() => { 
    toggleBox ( $w ( '#newYorkCollapsibleBox' ),  $w ( '#newYorkPlusSign' ),  $w ( '#newYorkMinusSign' )); 
}); 

$w ( '#newYorkPlusSign' ). onClick (() => { 
    toggleBox ( $w ( '#newYorkCollapsibleBox' ),  $w ( '#newYorkPlusSign' ),  $w ( '#newYorkMinusSign' )); 
});

});

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

As in the code above, it is recommended to give click events to the plus and minus elements in addition to the “button element”.