如何从右边滑出一个div？

Question

我不知道从哪里开始。有人能指出我正确的方向吗？不寻找代码，只是指导。

单击链接时，我希望面板（屏幕高度）从右侧滑出到窗口的大约50％。

我怎样才能完成这样的事情？

如果我只是进行滑动切换，它会上升/下降。但不确定如何从浏览器的右侧出来？

Answer 1

你想在元素宽度上使用jQuery的animate函数。

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

点击：

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

使用一些定位和动画元素的“左”属性可能会获得更好的效果，但animate()就是你需要的。

Answer 2

这是我用来向右滑动div并删除它的原因。您可能想要删除。

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