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是一个鼠标悬停（使用点击等）效果，“animate”设置目标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个月前我问了一个类似的问题，并找到了答案......比你提出的问题复杂一点，但它是我唯一能看到的...... < / p>

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