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.
31 lines
547 B
HTML
31 lines
547 B
HTML
4 years ago
|
<input type="checkbox" id="toggle">
|
||
|
|
|
||
|
|
Is this a sentence<label class="shown" for="toggle">?</label><label class="hidden" for="toggle">!</label>
|
||
|
|
|
||
|
|
This a sentence<label class="shown" for="toggle">?</label><label class="hidden" for="toggle">!</label>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
input[type=checkbox] {
|
||
|
|
/* position: absolute; */
|
||
|
|
top: -9999px;
|
||
|
|
left: -9999px;
|
||
|
|
}
|
||
|
|
.shown {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.hidden {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
label {
|
||
|
|
display: inline;
|
||
|
|
}
|
||
|
|
#toggle:checked ~ .hidden{
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
#toggle:checked ~ .shown {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
</style>
|