Jquery hover ability

I am trying to make this code so that when I hover over the "more" link, a popup box comes up with more links. Any idea how I can implement that into this code? An actual code example would be great since I am new to javascript and have never used jquery.

<script language="javascript">





function GetHRBLinks()
{
var soapPacket = "<soapenv:Envelope xmlns:soapenv='http://schemas.xmlsoap.org/soap/envelope/'>";
soapPacket = soapPacket + "   <soapenv:Body> ";
soapPacket = soapPacket + " <GetListItems xmlns='http://schemas.microsoft.com/sharepoint/soap/'> ";
soapPacket = soapPacket + " <listName>{9C5024FA-C152-40E0-A1D9-71D99D0FF988}</listName> ";
soapPacket = soapPacket + " <viewFields> ";
soapPacket = soapPacket + " <ViewFields> ";
soapPacket = soapPacket + " <FieldRef Name='URL' /> ";
soapPacket = soapPacket + " <FieldRef Name='Comments' /> ";
soapPacket = soapPacket + " <FieldRef Name='Expires' /> ";
soapPacket = soapPacket + " </ViewFields> ";
soapPacket = soapPacket + " </viewFields> ";
soapPacket = soapPacket + " </GetListItems> ";
soapPacket = soapPacket + " </soapenv:Body> ";
soapPacket = soapPacket + " </soapenv:Envelope>";

jQuery.ajax({
  url: "https://sharepointqa.btcvdc.com/sites/prototype/PortalTest/_vti_bin/Lists.asmx",
  type: "POST",
  dataType: "xml",
  data: soapPacket,
  complete: processHRB,
  contentType: "text/xml; charset=\"utf-8\""
 });

}

function processHRB(xData, status) 
{
$("#HRBLinks").empty();
var i=0;
jQuery(xData.responseXML).find("z\\:row").each(function() {

var link = $(this).attr("ows_URL");
link = link.substring(0,link.indexOf(','));
name = $(this).attr("ows_Comments");
i=i+1;
if(i<6)
{
$('#HRBLinks').append('<a href="'+link+'"  title="'+link+'">'+name+'</a><br>');
}
if(i==6)
{
$('#HRBLinks').append('<a href="More link">More</a><br>');
}

 });
}

$(document).ready(function(){
GetHRBLinks();
});

$("#foo").on('click', function(){
    $(".hide-me").fadeIn(1000);
});



jQuery.event.add(window, "ready", GetHRBLinks);