dropdown

dropdown

by TheDiamondDoge

HTML

<div id="menu">
  <div id="options">
    Value 1
  </div>
  <div id="filters">
    <ul>
      <li><input type="checkbox">Check me</li>
      <li><input type="checkbox">And me</li>
      <li><input type="checkbox">And me too</li>
    </ul>
  </div>
</div>
<br/>
<div id="menu">
  <div id="options">
    Value 2
  </div>
  <div id="filters">
    <ul>
      <li><input type="checkbox">Check me</li>
      <li><input type="checkbox">And me</li>
      <li><input type="checkbox">And me too</li>
    </ul>
  </div>
</div>

CSS

div {
  border: 1px solid black;
}

#menu {
  width: 300px;
}

#filters {
  display: none;
  position: absolute;
  background-color: white;
  width: inherit;

}

#filters li {
  list-style-type: none;
  margin-left: -25px;
}

JavaScript

$(function() {
  $("div#options").on('click', function() {
    $(this).siblings().toggle();
  });
});