带有背景图像动画的JQuery菜单

我有这个： 我想要一个功能导航菜单。怎么做

单击时，背景必须设置为底部动画，以便选择并链接到页面。同时，另一个选定的选项卡必须设置为顶部动画。 悬停背景必须仅显示提示，以演示用户所有选项卡都是可选的。 密码

更新：这是我正在处理的站点参见

试一试

---

我上传了最后的代码。同时选择两个按钮时出现故障。差不多了。谢谢你的帮助。我还上传了我正在工作的网页的链接。我加入了.parentsUntilnav以避免代码干扰此站点中的其他链接。更新了我的代码$'nav li'。删除类'select'；在单击函数中，请立即尝试。我认为父函数在html中没有正确寻址li。有没有一种方法可以在每个li上递归应用removeClass func，而不管有多少个li？这首先是个问题。谢谢你的帮助。我对jQuery很差劲，为我设计的网页编写代码简直是一场噩梦应该以递归方式删除所有select from li，并且您还没有更新代码动画不工作，但不知道确切原因，但是如果您从链接复制这些脚本并在您的系统上正确运行它们，它在Chrome上也肯定会工作。

$("#nav li a").hover(
function () {
    //$("#nav li a li").css({'background-position-y':'-102px'});
    if( $(this).parent('li').not('select') ){
        $(this).parent('li').animate({'background-position-y':'-82px'},300);
    }
},
function () {
    if( $(this).parent('li').not('select') ){
        $(this).parent('li').animate({'background-position-y':'-102px'},300);
    }
}
);

$('#nav li a').click(function(e){
    e.preventDefault();
    e.stopPropagation();
    $('#nav li').animate({'background-position-y':'-102px'},300,function(){ $('#nav li').removeClass('select');});

      $(this).parent('li').animate({'background-position-y':'0'},300,function(){$(this).addClass('select')});
});

 $("#nav li a").hover(
    function () {
        if ($(this).parent('li').not('select')) {
            $(this).parent('li').animate({ 'background-position-y': '-82px' }, 300);
        }
    },
    function () {
        if ($(this).parent('li').not('select')) {
            $(this).parent('li').animate({ 'background-position-y': '-102px' }, 300);
        }
    }
);

        $('#nav li a').click(function (e) {
            e.preventDefault();
            e.stopPropagation();
            $(this).parents().find('li').removeClass('select');
            $(this).parent('li').animate({ 'background-position-y': '0' },
                                        {
                                            duration: 300,
                                            complete: function () { $(this).addClass('select'); }
                                        }
                                    );

        });