How to show/hide <p> if user check the checkbox ?

Question

How to show/hide <p> if user check the checkbox
using HTML/JavaScript or in android

Answer 1

^~^

https://code.sololearn.com/WONfDNieU5DC/?ref=app

Answer 2

https://code.sololearn.com/WbPgfipKSm3n/#html

The principle is to use the pseudo selector :checked, if necessary by combining it with the :not() one, and the + operator, use to select the next sibling element (not child).

Some cases are more harder to solve to find the correct html structure / css path selectors ways... even times there's no solution... but you can study more complex case, combining with use of <label> properties in this tutorial:

https://code.sololearn.com/WHJcalsIWiiZ/?ref=app#html