You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
468 B
HTML
32 lines
468 B
HTML
4 years ago
|
<input type="checkbox" id="toggle">
|
||
|
|
|
||
|
|
<label id="shown" for="toggle">
|
||
|
|
<span style="color: red;">?</span>
|
||
|
|
</label>
|
||
|
|
<label id="hidden" for="toggle" >
|
||
|
|
<span style="color: red;">!</span>
|
||
|
|
</label>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
input[type=checkbox] {
|
||
|
|
position: absolute;
|
||
|
|
top: -9999px;
|
||
|
|
left: -9999px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#shown {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
#hidden {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
#toggle:checked ~ #hidden{
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
#toggle:checked ~ #shown {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
</style>
|