menu display example

by lemon kazi

HTML

<button id="one" class="btn">One</button>
<div class="all">

</div>
<div id="popup">Message!</div>

CSS

#popup {
  display: none;
  font-size: 10px;
  width: auto;
  height: 20px;
  border: solid 1px red;
}

.all {
  width: 100%;
  height: 300px;
  background-color: yellow;
}

JavaScript

$('.all').click(function(e) {
  $("#popup").css({
    'position': 'absolute',
    'left': e.pageX,
    'top': e.pageY
  }).show().delay(3000);
});