jQueryで、ページ内でなく要素内で指定の位置までスムーズにスクロールさせるにはどうしたら良いでしょうか？
あ、か、さ、た、な…というふうに<li>で索引用ボタンを作り、それぞれクリックされると、該当箇所にスクロールするようにしたいのです。スクロールさせるのは<div>で囲った範囲内にしたいです。
下記のようなjQueryを使用してみましたが、ページ全体が動いてしまい、<div>内だけではスクロールできませんでした。

《jQuery》
<script>
$(function() {
$(".index_btn").click(function () {
var i = $(".index_btn").index(this)
var p = $(".contents").eq(i).offset().top;
$(’＃contents’).animate({ scrollTop: p },’fast’);
return false;
});
});
</script>

《HTML》
<article>
<ul>
<li class="index_btn">あ行ボタン</li>
<li class="index_btn">か行ボタン</li>
</ul>
<div id="contents">
<div class="contents">
<p>あ行の内容</p>
</div>
<div class="contents">
<p>か行の内容</p>
</div>
</div>
</article>
※imgタグなどは省略しています