Какие бывают выпадающего меню по клику?

$(".btn").click(function(e) { 
  $(".b-dropdown").toggle(); 
  e.stopPropagation(); 
}); 
 
$(".b-dropdown").click(function(e) { 
  e.stopPropagation(); 
}); 
 
$(document).click(function() { 
  $(".b-dropdown").hide(); 
});

nav { 
  position: relative; 
} 
 
.btn { 
  background: #ccc; 
  padding: 15px; 
  color: #000; 
  border: none;   
} 
 
.b-dropdown { 
  display: none; 
  border: 5px solid #ccc; 
  padding: 15px; 
  position: absolute; 
  top: 100%; 
  left: 0; 
  z-index: 99; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<nav> 
  <button class="btn">Button</button> 
  <div class="b-dropdown"> 
    dropdown 
  </div> 
</nav>