jquery - Jquery Load Content Slide In/Out from Rightから

Question

メニュー項目をクリックすると、divが右から左にスライドし、開くと閉じるオプションが開きます(右にスライドします)

例: http://www.cortac.com/

これを達成するためのアイデア、デモリンクなどはありますか?

上記に近いが、右から左にスライドしないこれを見つけました。

http://d2o0t5hpnwv4c1.cloudfront.net/011_jQuerySite/sample/index.html

Answer 1

ここで非常に簡単な例を作成しました：http://jsfiddle.net/jaketoolson/ukztv/

パネルを絶対配置に設定し、右側を幅に等しい負の値に設定しました。

#page {
position: absolute;  
top: 20%;
right: -400px; 
width: 400px;
}

次に、jQueryは、ターゲットcssを設定する「アニメーション」を使用したマウスオーバー（クリックなどを使用）効果です。

$('.link').mouseover(function() {
$('#page').animate({'right':'0px'}, 1500);
}).mouseout(function(){
$('#page').animate({'right': '-800px'}, 1500);});

ページをロードするには、AJAX またはその他の方法で行うことができます。私が現在ここで構築している例を参照してください: http://jaketoolson.com/ems/index.php

Answer 2

私は8か月前に同様の質問をし、答えを見つけました...あなたが尋ねたものよりも少し複雑ですが、私が見たのはそれだけです...

動的な前/次のコンテンツを持つjQueryスライダーの最良のアプローチは？