从中间而不是左侧切换div块内联块

Question

这很难解释，但是。我有一个菜单，当您单击子元素从两个父项之间滑出时。目前，它都向右滑动（从左侧）。我希望父元素滑动以显示div。和子元素从中间出现。

请参阅此代码的小提琴： http://jsfiddle.net/jkuhns/R6Urx/

像往常一样，事先感谢你的帮助，你们所给予我的教育是非常宝贵的。并随意撕开它，这就是我学习的方式。以下所需代码：

这就是我所说的：     $（函数（）{ （函数navslider（$）{

    $('.flyout').hide();
    $('.has-flyout').on({
        mousedown: function() {
            $(this).find('ul.flyout').stop().animate({width: 'toggle'},1000);
        },
        mousedown: function(){
            $(this).find('ul.flyout').stop().animate({width: 'toggle'},1000);
        }
     });
})(jQuery);
});//]]>  

这是剥离的样式：

nav li { display: inline-block; }
.flyout { float: right; white-space: nowrap; margin-top: 0px; }

再次感谢！