I have a div that I'm trying to position and show (it's a hover menu) and I'm using JQuery to do it. The thing is, I can watch it make the changes using Firebug and it changes the display of the item and it goes to display:block but it still shows as hidden in Firebug and it's obviously not appearing on the page. Any ideas???
var $more1 = $("#more1"), pos, width;
function showMoreMenu(menu, id) {
pos = $("#"+id).offset();
width = $("#"+id).width();
height = $("#"+id).height();
menu.css({ "left": (pos.left - 5) + "px", "top":(pos.top + height) + "px" }).prependTo("#"+id).show();
}
function hideMoreMenu(menu) {
menu.hide();
}
$("#arrow1").mouseover(function() { showMoreMenu($more1, "arrow1"); });
$("#arrow1").mouseout(function() { hideMoreMenu($more1); });