If you can share your code, that'd help with diagnosing the problem. I'm not sure I'm understanding how the selects and the tabs could be interacting with each other. But in broad terms, I'd probably take advantage of new features (namely limited jQuery implementation) that have been released to do this like so: * Note that for a full implementation you'd need to store the currently active sheet somewhere and reset the active section on('sheet:opened'). HTML/Sheetworker < button type = 'action' class = 'sheet-tab' name = 'act_sheet-1' >Access Sheet 1</ button > < button type = 'action' class = 'sheet-tab' name = 'act_sheet-2' >Access Sheet 2</ button > < section class = 'sheet-1' > < h1 >Sheet 1</ h1 > < select name = 'attr_playbook-1' > < option value = 'option 1' >1</ option > < option value = 'option 2' >2</ option > </ select > </ section > < section class = 'sheet-2' > < h1 >Sheet 2</ h1 > < select name = 'attr_playbook-2' > < option value = 'option 1' >1</ option > < option value = 'option 2' >2</ option > </ select > </ section > < script type = 'text/worker' > const sheetTabs = ['sheet-1','sheet-2']; const sectionSwap = function(jEvent){ let target = jEvent.htmlAttributes.name.replace(/act_/,''); sheetTabs.forEach((tClass)=>{ if(tClass === target){ $20(`section.${tClass}`).addClass('active'); }else{ $20(`section.${tClass}`).removeClass('active'); } }) }; $20('.sheet-tab').on('click',sectionSwap); </ script > CSS section { display : none ; } section .active { display : grid ; }
