.dropdown {}

.expand-label {
  background: #e7e7e7;
}

.expand-block {
  opacity: 0;
  transition: all .4s linear;
  position: relative;
  overflow: hidden;
  z-index: 10;
  height: 0;
}

.expand-input:checked ~ .expand-label {
  background-color: #ffe7e7;
}

.expand-input:checked ~ .expand-block {
  opacity: 1;
  height: initial;
}

/* The CSS Below is irrelevant */

.expand-label {
  display: block;
  padding: 10px;
  border: 1px solid #ccc;
  cursor: pointer;
}

.expand-input {
  display: none;
}

.expand-block ul {
  padding-left: 0;
  margin: 0;
}

.expand-block li {
  border: 1px solid #ccc;
  list-style: none inside;
}

.expand-block a {
  display: block;
  text-decoration: none;
  padding: 10px;
}

.expand-block li + li {
  margin-top: 2px;
}