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: '' })左右移动整个容器。

Jquery滑出一个相邻的div

2 个答案: