###前提・実現したいこと
jQueryを用いたアコーディオンパネルで、ボタンを押してコンテンツをドロップダウンで開く仕様のものに、
ボタンをクリックした際に、開いたコンテンツの冒頭がブラウザのトップにくるようジャンプするような動きを追加したいです。(開いたコンテンツが縦に長い内容のため、少しでもしっかりとブラウザに表示されるようにしたい)
初心者の質問でたいへん恐縮ですが、どなたかご教示いただけないでしょうか?
###該当のソースコード
HTML
1<div class="contents"> 2hogehoge 3</div> 4<div class="btn_area"> 5<a><img class="contents_btn" src="img/pc/btn_open.png" alt="" /></a> 6</div>
CSS
1.contents { 2 display:none; 3}
JavaScript
1$(function() { 2 $(".contents_btn").toggle( 3 function() { 4 $(this).attr('src', 'img/pc/btn_close.png'); 5 $(".contents").slideDown("slow"); 6 }, 7 function() { 8 $(this).attr('src', 'img/pc/btn_open.png'); 9 $(".contents").slideUp("slow"); 10 } 11 ); 12});
###試したこと
<div class="contents">を<div id="contents">の入れ子とし、 ボタンの<a><img class="contents_btn" src="img/pc/btn_open.png" alt="" /></a>に <a href="#contents">とアンカーリンクを設定しても、リンクが効かないようでした。回答1件
あなたの回答
tips
プレビュー