test

just test

by marcus211

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<div class="dropdown">
  <a class="dropdown-link">Options</a>
  <div class="dropdown-container">
    <div>A-1</div>
    <div>A-2</div>
    <div>A-3</div>
  </div>
</div>

<div class="dropdown">
  <a class="dropdown-link">Options</a>
  <div class="dropdown-container">
    <div>B-1</div>
    <div>B-2</div>
    <div>B-3</div>
  </div>
</div>

<div class="dropdown">
  <a class="dropdown-link">Options</a>
  <div class="dropdown-container">
    <div>C-1</div>
    <div>C-2</div>
    <div>C-3</div>
  </div>
</div>

JavaScript

$(document).ready(function(){

  $('div.dropdown').each(function() {
    var $dropdown = $(this);
    
    $('div.dropdown-container').hide();
    
    $("a.dropdown-link", $dropdown).click(function(e) {
      e.preventDefault();
      $("div.dropdown-container", $dropdown).toggle();
      $("div.dropdown-container").not($("div.dropdown-container", $dropdown)).hide();
      return false;
    });

	});
    
  $('html').click(function(){
    $("div.dropdown-container").hide();
  });
     
});