jquery - 超链接点击动画

Question

使用 jquery 可以制作以下动画：我有一个列表，每个列表包含 3 个超链接，每个列表都包含一个由 css 定义的背景图像。如果我点击第二个实际上停留在两侧中间的内容，则超链接应该切换出去并且点击应该保留。我想为此我应该从当前列表中找到未点击的超链接。我有一个示例http://jsfiddle.net/lgtsfiddler/78kAu/22/目前正在切换所有 ul 元素。并且 javascript 看起来如下

  $('span').hover( function() {

            $(this).stop().animate({"opacity": "1.4"}, "fast");
        },
            function() {
            $(this).stop().animate({"opacity": "0.9"}, "fast");
            });
        $('a').click(function(){
            var selected = $(this).attr('class');
            var row = $('.elements li').length;  
             $(this).closest('ul#elements').toggle('slow', function() {
                 $(this).closest('ul#elements').replaceWith('<ul id="selected"><li class="selected"><span class='+ selected + '_gray></span><h1>'+ selected + '</h1><a class="return" href="#"></a></li></ul>');    

              });        
            });