Hey guys! I'd like some help from the code guru's out there. I'm currently making a custom character sheet and would like to know if there is a way that I can hide a bunch of text, inputs, etc. Ideally, I want a checkbox with text next to it, that when pushed, reveals a bunch of text inputs. Here is the basic code that I want put on <input type="checkbox" data-toggle="collapse" data-target="#demo">Backpack?</input>
<div id="demo" class="collapse">
<div class='sheet-3colrow'>
<div class='sheet-col'>
<h4>Amount</h4><input type="number" name="attr_EquipmentAmount1" value="0"/><br>
<input type="number" name="attr_EquipmentAmount2" value="0"/><br>
<input type="number" name="attr_EquipmentAmount3" value="0"/><br>
<input type="number" name="attr_EquipmentAmount4" value="0"/><br>
<input type="number" name="attr_EquipmentAmount5" value="0"/><br>
</div>
<div class='sheet-col'>
<h4>Item and effects/stats</h4><input type="text" name="attr_EquipmentStats1"/>
<input type="text" name="attr_EquipmentStats2"/>
<input type="text" name="attr_EquipmentStats3"/>
<input type="text" name="attr_EquipmentStats4"/>
<input type="text" name="attr_EquipmentStats5"/>
</div>
<div class='sheet-col'>
<h4>Weight</h4><input type="number" name="attr_EquipmentWeight1" value="0"/><br>
<input type="number" name="attr_EquipmentWeight2" value="0"/><br>
<input type="number" name="attr_EquipmentWeight3" value="0"/><br>
<input type="number" name="attr_EquipmentWeight4" value="0"/><br>
<input type="number" name="attr_EquipmentWeight5" value="0"/><br>
</div>
</div>
</div>
Any ideas on how to make this work on the character sheet? Or if this itself doesn't work, something that works similar?
