divを右からスライドさせるには？

Question

どこから始めたらよいかわかりません。誰かが私を正しい方向に向けることができますか？コードを探していない、ちょうどガイダンス。

リンクをクリックすると、パネルの高さ（画面の高さ）が右から約50％にスライドします。

どうすればこのようにすることができますか？

私がslidetoggleをちょうど実行すると、上/下に移動します。しかし、ブラウザの右側からどのように出てくるかわからないのですか？

Answer 1

jQueryのアニメーション機能を要素の幅に使いたいとします。クリックで

<div id="mydiv" style="width:0%;"></div> 

：

$('#mydiv').animate({'width':'50%'}); 

あなたは、おそらくいくつかのポジショニングを使用してより良い結果を得ると、要素の「左」プロパティをアニメーション化するが、animate()は何が必要であるだろう。

Answer 2

これは私がdivを右にスライドさせて削除するのに使用したものです。削除を取り出すことができます。

$('#'+val).hide('slide', {direction: 'right'}, 500, function() { 
      $('#'+val).remove(); 
     });