$w.onReady(function () {

    // TODO: write your page related code here...

    $w('#headerTab1').onClick(togglePersonalInfo);

    $w('#headerTab2').onClick(toggleProfessionalInfo);

    $w('#headerTab3').onClick(toggleYouTeacher);

 

});

 

function togglePersonalInfo() {

    $w('#statebox8').changeState("personalInfo");

}

 

function toggleProfessionalInfo() {

    $w('#statebox8').changeState("professionalInfo");

}

 

function toggleYouTeacher() {

    $w('#statebox8').changeState("youAsTeacher");

}

code for slides

let btnColorGrey = "rgba(235,235,235,1)"

let btnColorWhite = "rgba(255,255,255,1)"

 

export function btnPersonalInfo_click() {

    // Add your code for this event here: 

    $w('#slideshow1').changeSlide(0)

    $w("#btnPersonalInfo").style.backgroundColor = btnColorWhite;

    $w("#button23").style.backgroundColor = btnColorGrey;

    $w("#button24").style.backgroundColor = btnColorGrey;

    

 

}

 

export function button23_click() {

    // Add your code for this event here:

    $w('#slideshow1').changeSlide(1)

    $w("#btnPersonalInfo").style.backgroundColor = btnColorGrey;

    $w("#button23").style.backgroundColor = btnColorWhite;

    $w("#button24").style.backgroundColor = btnColorGrey;

 

}

 

export function button24_click() {

    // Add your code for this event here:

    $w('#slideshow1').changeSlide(2)

    $w("#btnPersonalInfo").style.backgroundColor = btnColorGrey;

    $w("#button23").style.backgroundColor = btnColorGrey;

    $w("#button24").style.backgroundColor = btnColorWhite;

    

 

}

Describe yourself

Describe yourself

Family

family

Interests

interests

Hobbies

hobbies

Describe yourself

Describe yourself

Family

family

Interests

family

Hobbies

hobbies