The button will not switch to cybergear tab when selected. Please help. Below is the code. HTML: <div> <button type="action" name="act_character" >CHARACTER</button> <button type="action" name="act_CYBERGEAR" >CYBERGEAR</button> </div> <input type='hidden' class='sheet-tabstoggle' name='attr_sheetTab' value='character' /> <div class='sheet-character'> <h2>Character</h2> <span> (CHARACTER SHEET INFO) </span> <div class='sheet-CYBERGEAR'> <h2>CYBERGEAR</h2> <span> (CYBERGEAR TAB INFORMATION) </span> <script type="text/worker"> const buttonlist = ["character","CYBERGEAR"]; buttonlist.forEach(button => { on(`clicked:${button}`, function() { setAttrs({ sheetTab: button }); }); }); </script> CSS: /*Configure the tab buttons*/ .sheet-character, .sheet-CYBERGEAR { display: none; } /* show the selected tab */ .sheet-tabstoggle[value="character"] ~ div.sheet-character, .sheet-tabstoggle[value="CYBERGEAR"] ~ div.sheet-CYBERGEAR { display: block; }