javascript - アコーディオンのように高さを滑り降りる

Question

みんな onclick() でカレンダーを表示する div に取り組んでいます。トグル メソッドを使用して、そのカレンダーを表示しました。

しかし、下にスクロールしながら、divの高さをこのアコーディオンのように変更したいと思います。

カレンダーがユーザーに表示されるように、div を少し上に移動したいと考えています。そのアコーディオンで使用されている高さをアニメーション化するアイデアはありますか?

これをチェックして

[http://jsfiddle.net/vivekdx/VVP3v/2/]

「カレンダーを表示」をクリックしたときにカレンダーを移動したい

Answer 1

これを試して...

 $('html, body').animate({ scrollTop: $('#calender').position().top }, 'slow');

これがフィドルです。

http://jsfiddle.net/VVP3v/5/

スライドトグルを使用しているので、ライブのようにエフェクトが表示されない場合があります。:)