$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;
}