当我的div滑动时,浮动元素不会滑动,而是快速移动,为什么？

Question

我在我的代码中使用幻灯片切换功能来滑动两个div.它工作正常但是当我点击它时#toggleDiv,它不会与#paneldiv一起出现.这意味着#toggleDiv快速#panel到达该位置然后div 缓慢到达该位置.我需要设置#toggleDiv与#paneldiv 同等的位置.

$("#panel").toggle("slide", {direction:'right'}, 500);

这是我的演示

Answer 1

  $('#toggleDiv').click(function(){
          $('#panel').animate({width: 'toggle'});
  });

检查工作JSFiddle:http: //jsfiddle.net/3DpfJ/162/