jquery - 要素をページの下部または html の div に揃える

Question

アプリケーションでスライド パネルを使用したい。次のコードを使用しています。

$(document).ready(function(){
  $("#flip").click(function(){
    $("#panel").slideToggle("slow");
});
});

私が共有したコードは、実際の位置から下方向に div を展開するだけです。しかし、divを実際の位置から上方向に拡張したい。私の言いたいことを理解していただければ幸いです。私を助けてください

Answer 1

他のものは良い答えですが、css3トランジションを使用するバージョンを追加することにしました.css3トランジションはよりスムーズであり、それらを使用してWebを前進させる必要があると思います:

http://jsfiddle.net/jonigiuro/wQwkz/1/

$(document).ready(function(){
  $("#flip").click(function(){
    $('.elem').addClass('shown');
    });
});