div 展開方法

質問

こんにちは、
divの展開方法についてお伺いしたいのですが
下記の内容ですと、
テストを押すと、あ行に飛び、あ行を押すと
divが展開される動きなのですが、
これをテストを押して、あ行に飛んだときに
自動で展開するようにする方法なありますでしょうか？

<a href="./#anc1">テスト　</a>
<h3 id="anc1">あ行</h3>
<div id="slidetog1">
<h4>～あ～</h4>
<ul>
<li>内容</li>
</ul>
<h4>～い～</h4>
<ul>
<li>内容</li>
</ul>
</div>
</div>

css
#slidetog1{display:none;}

スクリプト
$("#anc1").click(function(){
$("#slidetog1").slideToggle("slow");
});

回答No.1

t_ohta

以下のような変更でどうでしょう。
■HTMLの変更
<a href="javascript:clickTest();">テスト　</a>
■スクリプト追加
function clickTest() {
var p = $("#anc1").offset().top;
$('html,body').animate({ scrollTop: p }, 'fast');
$("#slidetog1").slideToggle("slow");
}