超链接点击动画

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>');    

              });        
            });