Hi thank you for your reply. ok here is the code straight from the sample and I even used the all the same names to avoid any hassle. You can see on unpublished that the collapsed box is collapsed with elements on the outside. Then in the published site you can see the box just forming a line…it doesn’t open? Thanks again!
$w . onReady ( function () {
$w ( ‘#newYorkCollapseButton’ ). onClick (() => {
toggleBox ( $w ( ‘#newYorkCollapsibleBox’ ), $w ( ‘#newYorkPlusSign’ ), $w ( ‘#newYorkMinusSign’ ));
});
$w ( '#tokyoCollapseButton' ). onClick (() => {
toggleBox ( $w ( '#tokyoCollapsibleBox' ), $w ( '#tokyoPlusSign' ), $w ( '#tokyoMinusSign' ));
});
$w ( '#parisCollapseButton' ). onClick (() => {
toggleBox ( $w ( '#parisCollapsibleBox' ), $w ( '#parisPlusSign' ), $w ( '#parisMinusSign' ));
});
});
function toggleBox ( boxElement , plusSign , minusSign ) {
const isCollapsed = boxElement . collapsed ;
if ( isCollapsed ) {
plusSign . hide ();
minusSign . show ();
boxElement . expand ();
} else {
minusSign . hide ();
plusSign . show ();
boxElement . collapse ();
}
}
