Edit in JSFiddle

function handleClick(event) {
     var messageBox = document.getElementById("message");
     messageBox.style.position = 'absolute';
     messageBox.style.left = event.clientX + "px";
     messageBox.style.top = event.target.offsetTop  - 50 + "px";
     messageBox.className = "alert alert-danger reveal";
    setTimeout(function(){
    	messageBox.className = "alert alert-danger disappear";	
    }, 400)
}
var buttons = document.querySelectorAll("button");
for(var i = 0; i<buttons.length; i+=1) {
    buttons[i].addEventListener("click", handleClick);
}

<button class = "btn btn-info" id="1">Botão 1</button>
<button class = "btn btn-info" id="2">Botão 2</button>
<button class = "btn btn-info" id="3">Botão 3</button>
<button class = "btn btn-info" id="4">Botão 4</button>

<div id = "message" class="alert alert-danger disappear" role="alert">
  <a href="#" class="alert-link">Teste</a>
</div>

button{
    width: 100%;
    margin-top: 100px;
}

.reveal{
    display: inline;
}

.disappear{
    display: none;
}