アコーディオン開閉→開いた部分の先頭へのスクロール

Question

###前提・実現したいこと
CSSとjQueryを使用して下記のようなものを作ろうとしています。
a. 画像の上にマウスカーソルをのせると、半透明の黒色がのりタイトルが表示される。[cssで記載]
b. さらにその画像をクリックすると、詳細な情報が画像の下に表示される（アコーディオン的な感じで）[cssで記載]
c. 「詳細な情報」のエリアの先頭まで画面を滑らかにスクロールする。[jQueryで記載]
動きの参考にしているサイト：http://maima.me/

###発生している問題・エラーメッセージ
c.のjqueryを有効にしてしまうと、アコーディオンが開かずにスクロールだけしてしまう…
a.b.c.全てが同時に動くようにしたい。（全てをjQueryで記述する方向でも良い）

###該当のソースコード

<div class="mainPhoto">
<label for="main3">
    <div class="mask">
        <div class="caption">Moisture Dorop</div>
    </div>
    <img src="img/mainphoto.png">
</label>
</div>
    
<input id="main3" type="checkbox">
    
<div class="area">
<div class="miniPhoto">
    <img src="img/miniphoto.png">
</div>
<div class="text">
<h3>Outline</h3>
<h4>旅する肌の化粧水</h4>
乾燥や気温の変化も怖くない。シュッとひとふき潤いたっぷり。午後になっても崩れないしっとり肌へ。<br>
</div>

.mainPhoto {
	overflow: hidden;
	position: relative;
}
}
.caption {
    top: 50%;
    /* -webkit-transform: translateY(-50%); 
    transform: translateY(-50%); */
    position: relative;
    padding-left: 44px;
    font-size: 13px;
    color: #f3f3f3;
}
.mask {
	width:	100%;
	height:	100%;
	position: absolute;	/* 絶対位置指定 */
	top: 0;
	left: 0;
	opacity: 0;	/* 透明度0 */
	background-color: rgba(0,0,0,0.2);
	-webkit-transition:	all 0.5s ease;
	transition:	all 0.5s ease;
}
.mainPhoto:hover .mask {
	opacity: 1;	/* 透明度1 */
}


.area {
  -webkit-transition: .4s ease;
  transition: .4s ease;
  height: 0;
  overflow: hidden;
  background: #ffffff;
  margin: 0px 0px 119px 0px;
}
input:checked + .area {
  height: auto;
  padding: 44px 0 38px 44px;
}

$(function() {
    $(".mainPhoto").click(function () {
        var i = $(".mainPhoto").index(this)
        var p = $(".area").eq(i).offset().top;
        $('html,body').animate({ scrollTop: p }, 600,);
        return false;
    });
});

###回答への希望
jQueryは２週間前から始めました…
「どういうワードで検索したらいいのか」すらよくわからない状態です（汗
「これここのサイト(本)見たら解決しますよ」というようなことがありましたら、
合わせて教えていただけると幸いです。

Answer 1

return false; をはずしてください。

//return false;
```**動くサンプル：**[https://jsfiddle.net/yqxzoser/](https://jsfiddle.net/yqxzoser/)

Comments

[shiroikoma]

2日間悩んだことが解決しました！！！
ありがとうございます！！！