アコーディオンメニュー+スクロールトップの動きについて

Question

初心者コーダーです。

ボタンを押すと、直下のアコーディオンメニューが開き、その際に開いたコンテンツをブラウザの一番上に表示するようにする。
再度ボタンを押すと、アコーディオンだけが閉じるようにする。

という処理をjsで書いているのですが、ボタンを押してコンテンツを閉じる際、一番上に表示するようにしたコンテンツに遷移していまいます。
これを、移動せずにアコーディオンだけが閉じるようにしたいです。

//基本的なhtmlコード省略//
<ul class="block-answer">
 <li><a href="" class="block-answer-ttl">押したら下のulが表示</a>　　 
  　<ul class="block-answer-inner">
　　 <li class="block-answer-content">テキスト</li>
　　</ul>
　</li>
</ul>
//基本的なhtmlコード省略//

$(function(){

 $('.block-answer-ttl').on('click',function(){
  $(this).toggleClass('on');
  $(this).next('ul').slideToggle();
  var block = $('.block-answer-content').offset().top;           
  $("html").animate({scrollTop: block});
 });         
});         

cssには基本的な体裁のコードと、アコーディオンにclass="on"が付いたとき矢印の向きが変わるとかあまり関係なさそうなコードしか書いてないので、省略しています。

お力添えいただけると助かります。よろしくお願いします。

Answer 1

移動する処理をクラス名にonが付いているか判定して、実行してはどうでしょうか。

if(!$(this).hasClass('on')){
	var block = $('.block-answer-content').offset().top;
	$("html").animate({scrollTop: block});
}