Text box expands only working correctly in Edge

Ask the community
,
1

I’m building a page that has 3 collapsing/expanding boxes (so far) containing text. None of them works in Preview mode. All of them work in Edge. In Chrome and Safari, the expands do open, but the text isn’t always visible unless I scroll down so that the text area starts to scroll off of the page – then the text loads.

I just have a free site so far, to see if Wix is going to work before I commit to the paid plan. Does anyone know what the problem is? The page is at https://chrisfmichaels.wixsite.com/mojosacto

Scroll down to see the expand links which are the blue boxes that say “Learn what __ can do for you.” (Please ignore the ugly spacing, etc – I only just started styling.)

Also, hide() and show() do not work at all unless I pass in a parameter – that’s why I have tiny fade durations…

Here’s the code used by each expand:

var fadeOptions = {
“duration”: 1,
“delay”: 1
};
export function horton_click(event) {
if ($w(‘#hortonbio’).collapsed) {
$w(‘#hortonbio’).expand();
$w(‘#hortonside’).hide(“fade”, fadeOptions);
$w(‘#hortondown’).show(“fade”, fadeOptions);
}
else
$w(‘#hortonbio’).collapse();
$w(‘#hortondown’).hide(“fade”, fadeOptions);
$w(‘#hortonside’).show(“fade”, fadeOptions);
}

2

The ELSE part has to be inside a block i.e. inside curly brackets {}

 export function horton_click(event) {
  if ($w('#hortonbio').collapsed) {
   $w('#hortonbio').expand();
   $w('#hortonbio').hide("fade", fadeOptions);
   $w('#hortonbio').show("fade", fadeOptions);
  }  else  {
   $w('#hortonbio').collapse();
   $w('#hortonbio').hide("fade", fadeOptions);
   $w('#hortonbio').show("fade", fadeOptions);
  }
 }