Alles außer der eigentlichen Funktion, das div zu verbergen, funktioniert. Der Grund, warum ich das ohne JavaScript brauche, ist, dass es keine JavaScript-Warnung ist, die versteckt werden kann. Ich benutze CSS, um zu versuchen, die Anzeige des Divs auf keine zu setzen, aber ich scheine es nicht richtig zu machen.Hide div, wenn das Kontrollkästchen ohne JavaScript aktiviert ist
HTML
<noscript>
<div class="jswarning">
JavaScript is disabled. For the best experience, enable it.
<label class="jswarningbutton" for="hidejswarning">Hide</label>
<input id="hidejswarning" type="checkbox">
</div>
</noscript>
CSS
.jswarning {
box-sizing: border-box;
padding: 5px;
background:red;
width:100%;
color:white;
text-align:center;
}
.jswarningbutton {
background: white;
color: red;
cursor: pointer;
}
.jswarningbutton + input {
display: none;
}
.jswarningbutton + input[type=checkbox]:checked ~ .jswarning {
display: none;
}
Mann, benutze einfach JS dafür, wirklich. Zeige die no JS Nachricht auf eine der anderen Arten an, das ist hack und nicht gut, sieh dir die Antwort an, der "hide" Text bleibt dort egal ob die Box aktiviert ist oder nicht, das ist nur hässlich, sorry – ptts