Jquery加載內容從右側滑入/滑出

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個月前，我問了一個類似的問題，並找出了一個答案......比你提出的要複雜一點，但它唯一的一個問題就是它我見過...

best approach for jQuery slider with dynamic prev/next content?