<html><head>
<style>
#div {
width: 100px ;
height: 100px ;
background: green ;
display: none ;
}
</style>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script>
$(function() {
var div = $("#div") ;
div.on("click", false) ;
$("#click").on("click", function(e) {
div.slideDown() ;
e.stopPropagation() ;
}) ;
$(document).on("click", "body", function() {
div.slideUp() ;
}) ;
}) ;
</script></head><body>
<div id="div"></div>
<button id="click">CLICK ME</button>
</body></html>