This is the CSS right now, I'm working on it as a seperate tab just to get things working, I can get the tab to appear in the .magic-sheet on the character sheet but it does not go to anything when i click on it. I'm useless at more complex CSS. So i do want the Summons in the Magic section. .sheet-character, .sheet-magic, .sheet-decks, .sheet-gear, .sheet-vehicles, .sheet-combat, .sheet-drones, .sheet-summons, .sheet-skills{ display: none; color: black; } .sheet-tabstoggle[value="character"] ~ div.sheet-character, .sheet-tabstoggle[value="decks"] ~ div.sheet-decks, .sheet-tabstoggle[value="magic"] ~ div.sheet-magic, .sheet-tabstoggle[value="gear"] ~ div.sheet-gear, .sheet-tabstoggle[value="vehicles"] ~ div.sheet-vehicles, .sheet-tabstoggle[value="combat"] ~ div.sheet-combat, .sheet-tabstoggle[value="drones"] ~ div.sheet-drones, .sheet-tabstoggle[value="summons"] ~ div.sheet-summons, .sheet-tabstoggle[value="skills"] ~ div.sheet-skills{ display: block; }