Getting Elements to show on Button click

Ask the community
,
1

Hi everyone!

So I have ben setting up a page where it shows all the staff that works at both sites of the company.

The Intention is when someone clicks on a button It shows all the photos, Container Box and some text on them, But I can’t seem to get the code to work at all. When I thought I had it all working in preview mode clicking the button just won’t bring them.

Each of the things that are supposed to be appearing are set to hidden and all their element names in the code correspond to what they have been labelled as.

The Button also make some other things dissapire. Something I can’t test if it works as I haven’t set up the code for it to appear yet.

Below is the code im using.

export function LauncestonButton_click ( event ) {
// This function was added from the Properties & Events panel. To learn more, visit Velo: Working with the Properties & Events Panel | Help Center | Wix.com
// Add your code for this event here:

$w ( ‘#AnnaBox’ ). show
$w ( ‘#AnnaLabel’ ). show
$w ( ‘#AnnaPhoto’ ). show
$w ( ‘#DonnaBox’ ). show
$w ( ‘#DonnaLabel’ ). show
$w ( ‘#DonnaPhoto’ ). show
$w ( ‘#NitaBox’ ). show
$w ( ‘#NitaLabel’ ). show
$w ( ‘#NitaPhoto’ ). show
$w ( ‘#DaisyBox’ ). show
$w ( ‘#DaisyLabel’ ). show
$w ( ‘#DaisyPhoto’ ). show
$w ( ‘#MiaBox’ ). show
$w ( ‘#MiaLabel’ ). show
$w ( ‘#MiaPhoto’ ). show
$w ( ‘#KateBox’ ). show
$w ( ‘#KateLabel’ ). show
$w ( ‘#KatePhoto’ ). show
$w ( ‘#DanielBox’ ). show
$w ( ‘#DanielLabel’ ). show
$w ( ‘#DanielPhoto’ ). show
$w ( ‘#GemmaBox’ ). show
$w ( ‘#GemmaLabel’ ). show
$w ( ‘#GemmaPhoto’ ). show
$w ( ‘#KarenBox’ ). show
$w ( ‘#KarenLabel’ ). show
$w ( ‘#KarenPhoto’ ). show
$w ( ‘#PeggyPhoto’ ). show
$w ( ‘#PeggyLabel’ ). show
$w ( ‘#PeggyBox’ ). show
$w ( ‘#GeorgiaBox’ ). show
$w ( ‘#GeorgiaLabel’ ). show
$w ( ‘#GeorgiaPhoto’ ). show
$w ( ‘#KaitlinBox’ ). show
$w ( ‘#KaitlinLabel’ ). show
$w ( ‘#SarahBox’ ). show
$w ( ‘#SarahLabel’ ). show
$w ( ‘#SarahPhoto’ ). show

$w ( ‘#EllieBox’ ). hide
$w ( ‘#StephBox’ ). hide
$w ( ‘#RosieBox’ ). hide
$w ( ‘#SofiaBox’ ). hide
$w ( ‘#ClaireBox’ ). hide
$w ( ‘#DianeBox’ ). hide
$w ( ‘#CharlotteBox’ ). hide
$w ( ‘#EmilyBox’ ). hide
$w ( ‘#KirstyBox’ ). hide
$w ( ‘#VickyBox’ ). hide
$w ( ‘#HelenBox’ ). hide
$w ( ‘#HarrietBox’ ). hide
$w ( ‘#TaniaBox’ ). hide
$w ( ‘#EvieBox’ ). hide

$w ( ‘#EllieLabel’ ). hide
$w ( ‘#StephLabel’ ). hide
$w ( ‘#RosieLabel’ ). hide
$w ( ‘#SofiaLabel’ ). hide
$w ( ‘#ClaireLabel’ ). hide
$w ( ‘#DianeLabel’ ). hide
$w ( ‘#CharlotteLabel’ ). hide
$w ( ‘#EmilyLabel’ ). hide
$w ( ‘#KirstyLabel’ ). hide
$w ( ‘#VickyLabel’ ). hide
$w ( ‘#HelenLabel’ ). hide
$w ( ‘#HarrietLabel’ ). hide
$w ( ‘#TaniaLabel’ ). hide
$w ( ‘#EvieLabel’ ). hide

$w ( ‘#ElliePhoto’ ). hide
$w ( ‘#StephPhoto’ ). hide
$w ( ‘#RosiePhoto’ ). hide
$w ( ‘#SofiaPhoto’ ). hide
$w ( ‘#ClairePhoto’ ). hide
$w ( ‘#DianePhoto’ ). hide
$w ( ‘#CharlottePhoto’ ). hide
$w ( ‘#EmilyPhoto’ ). hide
$w ( ‘#KirstyPhoto’ ). hide
$w ( ‘#VickyPhoto’ ). hide
$w ( ‘#HelenPhoto’ ). hide

$w ( ‘#EllieText’ ). hide
$w ( ‘#StephText’ ). hide
$w ( ‘#RosieText’ ). hide
$w ( ‘#SofiaText’ ). hide
$w ( ‘#ClaireText’ ). hide
$w ( ‘#DianeText’ ). hide
$w ( ‘#CharlotteText’ ). hide
$w ( ‘#EmilyText’ ). hide
$w ( ‘#KirstyText’ ). hide
$w ( ‘#VickyText’ ). hide
$w ( ‘#Helentext’ ). hide

$w ( ‘#EllieTextBox’ ). hide
$w ( ‘#StephTextBox’ ). hide
$w ( ‘#RosieTextBox’ ). hide
$w ( ‘#SofiaTextBox’ ). hide
$w ( ‘#ClaireTextBox’ ). hide
$w ( ‘#DianeTextBox’ ). hide
$w ( ‘#CharlotteTextBox’ ). hide
$w ( ‘#EmilyTextBox’ ). hide
$w ( ‘#KirstyTextBox’ ). hide
$w ( ‘#VickyTextBox’ ). hide
$w ( ‘#HelenTextBox’ ). hide
$w ( ‘#HarrietTextBox’ ). hide
$w ( ‘#TaniaTextBox’ ). hide
$w ( ‘#EvieTextBox’ ). hide

}

2

See in red:

$w('#AnnaBox').show();
$w('#EvieTextBox').hide();