jquery - ハイパーリンククリック時のアニメーション

Question

jquery を使用した次のアニメーションが可能です。リストがあり、各リストには 3 つのハイパーリンクが含まれ、それぞれに css で定義された背景画像が含まれています。2番目のものをクリックすると、実質的に両側の真ん中に留まり、ハイパーリンクがトグルアウトし、クリックされたものが残るはずです。このために、現在のリストからクリックされていないハイパーリンクを見つける必要があると思います。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>');    

              });        
            });