Line 14: | Line 14: | ||
} | } | ||
.collapse-button + input{ | .collapse-button + input{ | ||
+ | display: none; /* hide the checkboxes */ | ||
+ | } | ||
+ | .show-button + input{ | ||
display: none; /* hide the checkboxes */ | display: none; /* hide the checkboxes */ | ||
} | } | ||
Line 19: | Line 22: | ||
display:none; | display:none; | ||
} | } | ||
− | . | + | .show-button + input:checked + div{ |
display:block; | display:block; | ||
} | } | ||
Line 34: | Line 37: | ||
<label class="collapse-button" for="_1"><img src="https://static.igem.org/mediawiki/2017/4/48/T--TU-Eindhoven--Arrow_Down.png" width="20" height="20" />Collapse 1</label> | <label class="collapse-button" for="_1"><img src="https://static.igem.org/mediawiki/2017/4/48/T--TU-Eindhoven--Arrow_Down.png" width="20" height="20" />Collapse 1</label> | ||
+ | <label class="show-button" for="_1"><img src="https://static.igem.org/mediawiki/2017/4/48/T--TU-Eindhoven--Arrow_Down.png" width="20" height="20" />Collapse 1</label> | ||
<input id="_1" type="checkbox"> | <input id="_1" type="checkbox"> | ||
<div>Content 1</div> | <div>Content 1</div> |
Revision as of 07:53, 17 October 2017
Content 1
Content 2
Content 3