JQuery幻灯片效果和浮动元素

我想做一些你可以在这张图片上看到的事情：

也就是说：可滑动div和侧div位于可滑动div之后。我使用以下代码：

…
…

我的问题是，只有当可滑动div完成滑动时，侧div才会开始移动。如何使两个div同时设置动画

---

您可以在这里看到完整的示例：

看看这段代码

HTML

   <div id="container">
        <div id="slidable"class="hide">Foobar</div>
        <div id="side">+</div>
    </div>

JQuery

  jQuery(document).ready(function($) {
    $( "#side" ).click(function() {
     $('#slidable').animate({width: 'toggle'});
      });
  })

---

使用jquery UI处理此类问题对我来说是一种过度使用。。。
好的，我们已经在这里了，所以，我建议您使用

toggleClass（）

像这样

添加一些css

#slidable.open {
    margin-right: -200px
}

并将jQuery代码更改为

jQuery(document).ready(function($) {
    $( "#side" ).click(function() {
      $( "#slidable" ).toggleClass( "open", 500 );
      });
  });

请尝试以下方法：

  jQuery(document).ready(function($) {
    $( "#side" ).click(function() {
      $( "#slidable" ).animate({width: 'toggle'});
      });
  });

---

中没有
滑动
选项。toggle（）

您不想要滑动切换吗（）-没有滑动效果很好。请查看本网站帮助的示例：

  jQuery(document).ready(function($) {
    $( "#side" ).click(function() {
      $( "#slidable" ).animate({width: 'toggle'});
      });
  });