单击复选框时如何显示标记

单击复选框时如何显示此标记？现在它被隐藏了.

Bark Bark
Hear a dog

CSS:

.bark{ 
  visibility: hidden
}

input[type="checkbox"]:checked  {
visibility: visible  
}

小智.. 10

.bark{ 
  visibility: hidden
}

input[type="checkbox"]:checked + h3.bark  {
visibility: visible  
}

Hear a dog
Bark Bark

1> 小智..：

---

.bark{ 
  visibility: hidden
}

input[type="checkbox"]:checked + h3.bark  {
visibility: visible  
}

Hear a dog
Bark Bark