JQuery弹出菜单指针

Question

This (JSFiddle)是我现在拥有的代码。我想为指针设置动画，以便当用户单击列表项时，指针向右/向左滑动并保持在子列表项的中间。我怎么想这样做是为了找到主列表项左边的像素数量，然后是width / 2并添加它们。这听起来不错吗？或者我应该做些不同的事情。谢谢。

    (function(){  

var closetimer = 0;
var menuitem = 0;
var arr_position = 0;

function arrow () {
   var ele = $('.a'); <----// how can I make this a variable
                           // according to which link I select?
   var pos = ele.position(); 
   var width = ele.width()/2;
   var left = pos.left;
}

function flyout_open(event)
{
   flyout_close();
   var submenu = $(this).find('ul');
   var arr = $('.arrow');
    if(submenu){
        menuitem = submenu.fadeIn(200);
        return false;
    }
    return true;
}

function flyout_close()
{  if(menuitem) menuitem.fadeOut(200);}

$(document).ready(function()
{  $('#flyout li').bind('click', flyout_open);
});

document.onclick = flyout_close;

}）（）;