Change Multi-State Box when clicking a tab

Question:
Hi, I have got a multi-state box next to a tabs element. This tab element has 2 tabs, I am wanting it so when tab “A” is clicked, the multi-state box will change to state “Solid” and when tab “B” is clicked, the multi-state box will change to state “TwoTone”.

I cannot figure out for the life of me how to get this working.

Here is the code my simple brain thinks would make sense but somehow doesn’t:

$w.onReady(function () {

$w("#singleTab1").onClick(() => {
       $w("#SpecBox").changeState("Solid");
});
$w("#singleTab2").onClick(() => {
       $w("#SpecBox").changeState("TwoTone");
});

});

Any help is much appreciated. Thanks

Product:
Wix Website Editor, Velo

I dont think you can attach click handlers to the individual tabs. May need to use the tabs onChange event instead.