 
 Greetings  I hope the above title is self explanatory...when I check the checkbox the Roll Button does not appear...I cannot see the error...  Here is my HTML...          <div>              <input class="field40 center" type="checkbox" class="sheet-block-switch" name="attr_skacrobatics" value="1" unchecked>              <div class="sheet-block-a">                  <div class="field10"></div>                  <div class="field130 left">Acrobatics</div>                  <input class="field40 center" type="number" name="attr_skacrobaticsxp" value="0">                  <div class="field10"></div>                  <input class="field40 center" type="number" name="attr_skacrobaticsroll" value="" readonly>              </div>              <div class="sheet-block-b">                  <div class="field10"></div>                  <div class="field130 left">Acrobatics</div>                  <input class="field40 center" type="number" name="attr_skacrobaticsxp" value="0">                  <div class="field10"></div>                  <input class="field40 center" type="number" name="attr_skacrobaticsroll" value="" readonly>                  <button type="roll" name="roll_acrobatics" title='acrobatics' value="&{template:default}{{name=@{character_name} makes an Acrobatics skill roll}}{{needing [[round(@{pre}/5)+9]] or less}}{{and rolls [[3d6cs>7cf<0]]}}"></button>              </div>          </div>     and here is my CSS...     .sheet-block-a,  .sheet-block-switch:checked ~ .sheet-block-b {    display: block;  }  .sheet-block-b,  .sheet-block-switch:checked ~ .sheet-block-a {    display: none;  }   
 
				
			