.wrap {
  margin: 0em 0;
  padding: 0;
}

.wrap label {
  display: block;
  cursor :pointer;
  padding : 0;
<!--  color: #000;-->
  font-weight: bold;
<!--  background: #999;-->
  cursor: pointer;
}

.wrap input[type="checkbox"] {
  display: none;
}

.wrap .content {
  height: 0;
  padding: 0;
  overflow: hidden;
  margin-bottom: 0px;
  border: 0px solid #ccc;
}

.switch:checked + .content {
  height: auto;
  padding: 8px;
  background: #f7f7f7;
}