Pseudo dropdown

by Mohammed Ismail Ansari

HTML

<div>
    <input class="dropdown-toggle" type="checkbox" id="scales" name="scales">
    <label for="scales" class="dropdown-toggle">
      Dropdown
      <div class="dropdown-container">
        <div onclick="alert('First was clicked');">First</div>
        <div onclick="alert('Second was clicked');">Second</div>
        <div onclick="alert('Third was clicked');">Third</div>
      </div>
    </label>
  </div>

CSS

input {
  display: none;
}

input + label .dropdown-container {
  display: none;
}

input:checked {
  color: red;
}

input:checked + label .dropdown-container {
  display: block;
}