I am trying to create a repeating skill section where the skills can be locked. I got the following to work outside of a fieldset: <input type='hidden' class='sheet-tabstoggle' name='attr_sheetTab' value='unlocked' /> <div class='sheet-unlocked'> <button type="action" name="act_locked" class="lock-button" >)</button> <span> unlocked stuff </span> </div> <div class='sheet-locked'> <button type="action" name="act_unlocked" class="lock-button" >(</button> <span>locked Stuff Goes here</span> </div> with css: .sheet-unlocked, .sheet-locked { display: none; } /* show the selected tab */ .sheet-tabstoggle[value="unlocked"] ~ div.sheet-unlocked, .sheet-tabstoggle[value="locked"] ~ div.sheet-locked { display: flex; } .sheet-lock-button{ font-family:pictos; font-size:16px; width:16px; } If I put this inside a fieldset it stops working. How do I make this work?