Expand and Collapse fields based on a field value

Hi,

I want to expand and collapse tabs based on a separate field value.

function setDisplayState() {
var Phase 1: Renewal, Research, & Planning = 100000000;
var Phase 2: Educate, Involve, & Cultivate = 100000001;
var Phase 3: Solicitation/Make the Ask = 100000002;
var Phase 4: Thank & Recognize/Stewardship = 100000003;
var phase = Xrm.Page.getAttribute("chc_phases").getValue();

switch(phase){
case Phase 1: Renewal, Research, & Planning:
Xrm.Page.ui.tabs.get('Phase 1').setDisplayState('expanded');
Xrm.Page.ui.tabs.get('Phase 2').setDisplayState('collapsed');
Xrm.Page.ui.tabs.get('Phase 3').setDisplayState('collapsed');
Xrm.Page.ui.tabs.get('Phase 4').setDisplayState('collapsed');
break;
case Phase 2: Educate, Involve, & Cultivate:
Xrm.Page.ui.tabs.get('Phase 1').setDisplayState('collapsed');
Xrm.Page.ui.tabs.get('Phase 2').setDisplayState('expanded');
Xrm.Page.ui.tabs.get('Phase 3').setDisplayState('collapsed');
Xrm.Page.ui.tabs.get('Phase 4').setDisplayState('collapsed');
break;
case Phase 3: Solicitation/Make the Ask:
Xrm.Page.ui.tabs.get('Phase 1').setDisplayState('collapsed');
Xrm.Page.ui.tabs.get('Phase 2').setDisplayState('collapsed');
Xrm.Page.ui.tabs.get('Phase 3').setDisplayState('expanded');
Xrm.Page.ui.tabs.get('Phase 4').setDisplayState('collapsed');
break;
case Phase 4: Thank & Recognize/Stewardship:
Xrm.Page.ui.tabs.get('Phase 1').setDisplayState('collapsed');
Xrm.Page.ui.tabs.get('Phase 2').setDisplayState('collapsed');
Xrm.Page.ui.tabs.get('Phase 3').setDisplayState('collapsed');
Xrm.Page.ui.tabs.get('Phase 4').setDisplayState('expanded');
break;
}
}

Any incite?

Thanks,

Cole