Hi TJT ,
Are you looking for something like below script ?(updated CSS for activeTabStyle and inactiveTabStyle). Here active tab will have red font color and in INITCAP
widget.on('ready',function(w, e) {
basicstyle = {'border-radius':'10px', 'padding-left':'10px', 'padding-right':'10px'} //style for both active and inactive tabs
activeTabSyle = {'border': '3px green solid', 'font-size':'20px', 'color':'red', 'text-transform': 'capitalize'} //style for active tab
inactiveTabStyle = {'border' : '3px grey solid', 'font-size':'15px', 'color':'black', 'text-transform': 'uppercase'} //style for inactive tab
$('.listDefaultCSS .listItemDefaultCSS', element).css(basicstyle)
$(`.listDefaultCSS .listItemDefaultCSS[index=${w.style.activeTab}]`, element).css(activeTabSyle)
$(`.listDefaultCSS .listItemDefaultCSS:not([index=${w.style.activeTab}])`, element).css(inactiveTabStyle)
$('.listDefaultCSS .listItemDefaultCSS').on('click', function(s){
$(`.listDefaultCSS .listItemDefaultCSS:contains("${$(s)[0].currentTarget.innerHTML}")`, element).css(activeTabSyle)
$(`.listDefaultCSS .listItemDefaultCSS:not(:contains("${$(s)[0].currentTarget.innerHTML}"))`, element).css(inactiveTabStyle)
})
})
-Hari