Javascript Jquery与相邻的div一起滑出

如果你看，你就会明白我在说什么

基本上，当你点击“TagThisPicture/SubmitPicture”这个小按钮时，我想让它和之前隐藏的div一起滑出。我现在有点工作了，但是你可以看到你点击的部分只是跳到终点，而不是被新面板滑出“推”出来，这就是我想要它做的

以下是我到目前为止的Jquery：

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

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

        });

        });
</script>

$（文档）.ready（函数（）{
$（“#右键_新建”）。单击（函数（）{
$（“#右面板”）.show（'slide'，{direction:'right'，500）；
});
});

如果有人能帮我实现其中的一个切换部分，那也太棒了，但我现在真正需要的只是幻灯片部分，以便更好地工作。我可能最终会找到“如果/然后”部分

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

Do：

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

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

        });

        });
</script>

$（文档）.ready（函数（）{
$（“#右键_新建”）。单击（函数（）{
$（“#右侧#容器”）.show（'slide'，{direction:'right'}，500）；
});
});

在播放幻灯片之前，图标会弹出的原因是b/c您隐藏了

#右面板

，然后使用

.show（）

命令显示，此时它将占用dom中的空间并将项目推到左侧

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

看一下这些CSS和JS更改（注意：这会将其滑入和滑出）

---

我正在使用

.animate（{right:'}）

左右移动整个容器。

尝试使用jQuery动画：。animate（{marginRight:0}）；//默认的边距应该是负数，也许-300px，我认为这是正确的！但是，容器并不隐藏，但它包含的面板零件是隐藏的。有没有办法打开面板，然后把容器移过去？我知道了。使用了

$（“#右#面板”）.show（）我现在只需要取消选项，将其滑回。谢谢你的帮助。我会选择你的答案。这实际上比我的答案更流畅。但是，我在滚动部分遇到了一些问题。在单击并滑入面板之前，底部（左/右）滚动条可见，当您滚动时，可以看到面板。我如何使它“隐形”并消除滚动查看它的可能性？不过还是要谢谢你的帮助！我在jsfiddle中注意到了这一点，但将其归因于jsfiddle的布局。查看你的网站，我没有看到滚动条。您可以在父元素上设置
溢出：隐藏
。甚至可能是尸体？对不起，我来晚了。但我最终还是像你建议的那样将其设置为
overflow-x:hidden
。应该在这里更新。谢谢你的帮助！它工作得很好。