I'm trying to create a checkbox to hide some areas for spells in Legend of the Five Rings sheet . After reading <a href="https://wiki.roll20.net/CSS_Wizardry#Hide_Areas" rel="nofollow">https://wiki.roll20.net/CSS_Wizardry#Hide_Areas</a> For HTML I try adding <div>
<fieldset class="repeating_spells">
<input type="hidden" name="attr_spell_affinity" value="0" />
<input type="hidden" name="attr_spell_ring" value="0" />
<table style="width:50%;">
<tr><td colspan="2"><strong data-i18n="name-u">Name:</strong><input type="text" name="attr_spell_name" /></td>
<td colspan="2"><strong data-i18n="ring-u">Ring:</strong><select name="attr_spell_ring">
<option value="" selected>-</option>
<option data-i18n="air-u" value="@{foo_air}">Air</option>
<option data-i18n="earth-u" value="@{foo_earth}">Earth</option>
<option data-i18n="fire-u" value="@{foo_fire}">Fire</option>
<option data-i18n="water-u" value="@{foo_water}">Water</option>
<option data-i18n="void-u" value="@{foo_void}">Void</option>
</select></td>
<td><strong data-i18n="keyword-u">keyword:</strong><input type="text" name="attr_spell_keyword" value='' /></td>
<td><strong data-i18n="level-u">Level:</strong><input type="number" name="attr_spell_level" value='1' /></td></tr>
<tr><td colspan="2"><strong data-i18n="range-u">Range:</strong><input type="text" name="attr_spell_range"/></td>
<td colspan="2"><strong data-i18n="aoe-u">AoE:</strong><input type="text" name="attr_spell_aoe"></td>
<td><strong data-i18n="duration-u">Duration:</strong><input type="text" name="attr_spell_duration" /></td>
<td><input type="checkbox" class="sheet-arrow"></td> </tr>
<div class="sheet-body">
<tr><td colspan="2"><strong data-i18n="raises-u">Raises:</strong><input type="text" name="attr_spell_raises"><input type="hidden" name="attr_spellTN" value="5 + @{spell_level} * 5"></td>
<td><strong data-i18n="spell-bonus-roll-u">Bonus Roll:</strong><input type="number" name="attr_spell_bonus_roll" value='0'/></td>
<td><strong data-i18n="spell-bonus-keep-u">Bonus Keep:</strong><input type="number" name="attr_spell_bonus_keep" value='0'/></td>
<td><strong data-i18n="spell-bonus-added-u">Flat Bonus:</strong><input type="number" name="attr_spell_bonus_flat" value='0'/></td>
<td align="right"><input type="hidden" name="attr_spell_tn" value="5 + @{spell_level} * 5"><strong data-i18n="cast-u">Cast</strong><button type="roll" value = "***Spell Description:*** **@{description}** \n/em @{Name} casts @{spell_name} vs TN [[@{spellTN}]]!\n\n/roll [[{[[@{spell_ring}+@{spell_affinity}+@{shugenja_rank}+@{spell_bonus_roll}]], 10}kl1]]d10!!k[[{[[@{spell_ring}+@{spell_bonus_keep}]] + [[floor({[[@{spell_ring}+@{spell_affinity}+@{shugenja_rank}+@{spell_bonus_roll}]] - 10, 0}k1 / 2)]], 10}kl1]] + [[(({{[[@{spell_ring}+@{spell_bonus_keep}]],0}>10} * {{[[@{spell_ring}+@{spell_affinity}+@{shugenja_rank}+@{spell_bonus_roll}]],0}>10} * ((([[@{spell_ring}+@{spell_bonus_keep}]] - 10) + ([[@{spell_ring}+@{spell_affinity}+@{shugenja_rank}+@{spell_bonus_roll}]] - 10)) * 2)) + ({{((floor(([[@{spell_ring}+@{spell_affinity}+@{shugenja_rank}+@{spell_bonus_roll}]] - 10) / 2)) + [[@{spell_ring}+@{spell_bonus_keep}]]),0}>10} * {{[[@{spell_ring}+@{spell_bonus_keep}]],11}<9} * ((([[@{spell_ring}+@{spell_affinity}+@{shugenja_rank}+@{spell_bonus_roll}]] - 10) - ((10 - [[@{spell_ring}+@{spell_bonus_keep}]]) * 2)) * 2))) + @{spell_bonus_flat}]]\n\n"></button></td></tr>
<tr><td><strong data-i18n="damage-roll-u">Damage Roll:</strong><input type="number" name="attr_damage_roll" value='0'/></td>
<td><strong data-i18n="damage-keep-u">Damage Keep:</strong><input type="number" name="attr_damage_keep" value='0'/></td>
<td><strong data-i18n="spell-bonus-roll-u">Bonus Roll:</strong><input type="number" name="attr_damage_bonus_roll" value='0'/></td>
<td><strong data-i18n="spell-bonus-keep-u">Bonus Keep:</strong><input type="number" name="attr_damage_bonus_keep" value='0'/></td>
<td><strong data-i18n="spell-bonus-added-u">Flat Bonus:</strong><input type="number" name="attr_damage_bonus_flat" value='0'/></td>
<td align="right"><strong data-i18n="damage-u">Damage</strong><button type="roll" name="roll_damage" value="/em @{name} deals damage with @{spell_name}! \n\n/roll [[{[[@{damage_roll}+@{damage_bonus_roll}]], 10}kl1]]d10!!k[[{[[@{damage_keep}+@{damage_bonus_keep}]] + [[floor({[[@{damage_roll}+@{damage_bonus_roll}]] - 10, 0}k1 / 2)]], 10}kl1]] + [[(({{[[@{damage_keep}+@{damage_bonus_keep}]],0}>10} * {{[[@{damage_roll}+@{damage_bonus_roll}]],0}>10} * ((([[@{damage_keep}+@{damage_bonus_keep}]] - 10) + ([[@{damage_roll}+@{damage_bonus_roll}]] - 10)) * 2)) + ({{((floor(([[@{damage_roll}+@{damage_bonus_roll}]] - 10) / 2)) + [[@{damage_keep}+@{damage_bonus_keep}]]),0}>10} * {{[[@{damage_keep}+@{damage_bonus_keep}]],11}<9} * ((([[@{damage_roll}+@{damage_bonus_roll}]] - 10) - ((10 - [[@{damage_keep}+@{damage_bonus_keep}]]) * 2)) * 2))) + @{damage_bonus_flat}]]"></button></td></tr>
</div>
</table>
<div class="sheet-body">
<Strong data-i18n="description-u">Description</strong>
<textarea name="attr_description" class="four-lines"></textarea>
</div>
<!-- <span>Spell ring is: </span><span name=attr_spell_ring></span><br>
<span>Spell affinity is: </span><span name=attr_spell_affinity></span>
-->
</fieldset>
</div> For CSS I try adding input.sheet-arrow {
float: left;
}
input.sheet-arrow:checked ~ div.sheet-body {
display: none;
} And I got the checkbox there all right, but nothing collapse when I checked it. What did I do wrong?