<div id="uPeople"></div>
<div id="uPeople-online">
<a href="/">Name 1</a>
<a href="/">Name 2</a>
<a href="/">Name 3</a>
<a href="/">Name 4</a>
<a href="/">Name 5</a>
</div>
var links = document.querySelectorAll("#uPeople-online a");
var people = document.querySelector("#uPeople");
var link_default = [];
for(var i = 0; i < links.length; i++) {
links[i].addEventListener("mouseenter", function() {
this.appendChild(people);
});
links[i].addEventListener("mouseleave", function() {
this.parentNode.parentNode.insertBefore(people, this.parentNode);
});
}