javascript - JQuery 弹出菜单指针

Question

这（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;

})();