jqueryを使用して位置を指定して画像をスライドさせます

Question

画像をクリックしたそれぞれの中央の位置にスライドさせようとしています。たとえば、リストの番号2をクリックすると、番号2にスライドします。問題は、ユーザーが次にどこをクリックするか、現在の位置を把握する方法、スライドする方向を知ることです。ここで

は、ここに私のhtml

<ul id="llist"> 
        <li class="t current"><a href="#"><span>solutions</span></a><img src="images/bg-tab-leader-arrow.png" width="24" height="53" title="pointer" class="pointer" /></li> 
        <li class="m"><a href="#"><span>credit mangement solutions</span></a></li> 
        <li class="b"><a href="#"><span>third party additions</span></a></li> 
       </ul> 

で、これまで私のjQueryのです：

$('#leader #llist li').click(function() { 
     $('.pointer').animate({'top':'+=61px'},1000,function() { 
      $(this).removeClass('current'); 
    }); 
    }, function() { 
     $('.pointer').animate({'top':'-=61px'},1000); 
     $(this).addClass('current'); 
    }); 

任意の助けをいただければ幸いです。

Answer 1

アイデアは、クリックされてしまった李の位置を使用して、アクションhere

$('li') 
    .click(function() { 
     var thisTop = $(this).offset().top; 
     $('.pointer').animate({'top': thisTop}); 
    });