jquery - タグとCSSプロパティのToogleスライド

Question

内のタグのボックス シャドウ プロパティを切り替えようとしています#bj-pagination。ページ 2 のリンクをクリックすると、ボックス シャドウがページ 1 のリンクからページ 2 のリンクにスライドする効果を実現したいと考えています。これは複雑ですか？

<div id="bj-pagination">
<div class="pagination">
<span class="disabled"><span id="prev">PREV</span></span>
<span class="current">1</span>
<a href="pagination.php?page=2">2</a>
<a href="pagination.php?page=3">3</a>
<a href="pagination.php?page=4">4</a>
<a href="pagination.php?page=2"><span id="next">NEXT</span></a>
</div>
</div>

ここでは、ページ 1 に配置しています。現在のページの CSS は...

#bj-pagination .current {
    -moz-box-shadow: inset 0 -4px 0 #F6E128;
    -webkit-box-shadow: inset 0 -4px 0 #F6E128;
    box-shadow: inset 0 -4px 0 #F6E128;
    background: #FFF;
    border:1px solid #E4E4E4;
    border-right:none;
}

ページ2がクリックされたときに、ページ1リンクからページ2リンクへのboxshadowのスライドをアニメーション化したいと思います