top of page

Tab Selection Section



Velo Code:


$w.onReady(function () {

$w('#summerButton').onClick(() => {
        $w('#summerLine').show();
        $w('#summerBox').expand();
        $w('#summerBox').show();
        $w('#fallBox').collapse();
        $w('#fallLine').hide();
        $w('#winterBox').collapse();
        $w('#winterLine').hide();
        $w('#springBox').collapse();
        $w('#springLine').hide();

    });

    $w('#fallButton').onClick(() => {
        $w('#summerLine').hide();
        $w('#summerBox').collapse();

        $w('#fallBox').expand();
        $w('#fallLine').show();
        $w('#winterBox').collapse();
        $w('#winterLine').hide();
        $w('#springBox').collapse();
        $w('#springLine').hide();
    });

    $w('#winterButton').onClick(() => {
        $w('#summerLine').hide();
        $w('#summerBox').collapse();
        $w('#fallBox').collapse();
        $w('#fallLine').hide();
        $w('#winterBox').expand();
        $w('#winterLine').show();
        $w('#springBox').collapse();
        $w('#springLine').hide();
    });

    $w('#springButton').onClick(() => {
        $w('#summerLine').hide();
        $w('#summerBox').collapse();
        $w('#fallBox').collapse();
        $w('#fallLine').hide();
        $w('#winterBox').collapse();
        $w('#winterLine').hide();
        $w('#springBox').expand();
        $w('#springLine').show();
    });
});

Enjoy!

Comments


bottom of page