Javascript JQuery弹出菜单指针

这就是我现在掌握的密码。我想动画一个指针，这样当用户点击列表项时，指针会滑动到右边/左边，并停留在子列表项的中间。我的想法是找到主列表项左侧的像素数量，然后选择宽度/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;

（函数（）{
var closetimer=0；
var menuitem=0；
var arr_位置=0；
函数箭头（）{
var ele=$（'.a'）；您可能希望在某个点进行重置，因为如果您在两者之间连续单击，指针将继续向右移动。这就是我试图解决的问题：/有什么建议吗？
menuitem
的定义将从0更改为
弹出型按钮关闭
函数中的对象。