javascript - JQuery フライアウト メニュー ポインター

Question

これ (JSFiddle)は、私が今持っているコードです。ユーザーがリスト項目をクリックすると、ポインターが右/左にスライドし、サブリスト項目の中央にとどまるように、ポインターをアニメーション化したいと考えています。私が考えた方法は、メイン リスト項目の左側にあるピクセルの量を見つけてから、幅/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;

})();