Html 使用复选框隐藏/显示

我正试图做一件我认为相当简单的事，隐藏/揭露。如果选中该框，文本将显示，否则将隐藏。我就是不能让它工作。我很欣赏你的见解。谢谢

.nav触发器：选中~.nav Wrap{
显示：块；
}
.导航包裹{
显示：无；
}

测试您的选择器。Nav触发器：已选中。Nav Wrap与当前标记不匹配。
试着将
p
放在
div
中，这样应该就可以了


.nav触发器：选中~.nav Wrap{
显示：块；
}
.导航包裹{
显示：无；
}

测试