Jquery 与相邻的 div 一起滑出

Question

如果你看to the right side of this page，你就会明白我在说什么。

基本上，当您单击那个小“标记此图片/提交图片”时，我希望它与右侧之前隐藏的 div 一起滑出。我现在有点工作，但正如您所见，您单击的部分只是跳到终点，而不是被新面板滑出“推出”，这就是我想要它做的事情。

这是我目前拥有的 Jquery：

<script type="text/javascript">
     $(document).ready(function(){

        $("#right_new").click(function(){
        $("#right_panel").show('slide', {direction: 'right'}, 500);

        });

        });
</script>

如果有人可以帮我实现它的切换部分，那也太棒了，但我现在真正需要的只是滑动部分可以正常工作。我最终可能会弄清楚 if/then 部分。

提前致谢。如果您需要任何其他信息，请告诉我！

Answer 1

做：

    <script type="text/javascript">
     $(document).ready(function(){

        $("#right_new").click(function(){
          $("#right_side_container").show('slide', {direction: 'right'}, 500);

        });

        });
</script>

Answer 2

您的图标在幻灯片发生之前弹出的原因是 b/c 您隐藏了#right_panel，然后使用.show() 命令显示，现在它会占用 dom 中的空间并将您的项目推送到左边。

我喜欢做的是使用 position:absolute; 使整个块进出动画；

看看这些 CSS 和 JS 更改 http://jsfiddle.net/rtgibbons/jDThJ/（注意：这会滑入和滑出）

我正在使用.animate({right: '' }) 左右移动整个容器。