我试着当我选中ID为"扩展"的框时，其余的部分会显示出来，通常当该框未选中时，它不会显示出来，但我不能让它显示出来，有什么提示或想法吗？

div div p {
  display: none;
}

#expand:checked .checkbox {
  display: block;
}

<fieldset>
  <div>Pincha para recibir información:
    <input type="checkbox" class="checkbox" id="expand" value="yes">
    <div class="checkbox">
      <p><input type="checkbox"> Tenerife</p>
      <p><input type="checkbox"> Tenerife</p>
      <p><input type="checkbox"> Tenerife</p>
      <p><input type="checkbox"> Tenerife</p>
      <p><input type="checkbox"> Tenerife</p>
      <p><input type="checkbox"> Tenerife</p>
      <p><input type="checkbox"> Tenerife</p>
    </div>
  </div>