jquery slide - slideToggle

Question

我在我页面上的固定页脚上工作
我有三个DIV。左侧的第一个包含一些项目，而右侧的另一个DIV是一个相对的div。在这些DIV之间是另一个DIV，它被命名为控制器。当我点击控制器时左侧DIV应向左侧滑动，如slideToggle()，但控制器和右侧DIV应该向左侧滑动DIV。如果我不再显示左DIV时再次点击控制器，它应该向右滑动，控制器和右DIV应该具有相同的滑动效果。始终显示控制器DIV和右DIV！

这是我构建的一个小提琴示例：
https://jsfiddle.net/6ydy0o95/

Answer 1

如果我理解正确，那么slideToggle并不完全适合这里，因为它会切换显示，而在你的描述中你需要切换左div的宽度 - 从400px到0并返回。 https://jsfiddle.net/6ydy0o95/2/

我发现的示例中的主要困难是当左侧div＃bar打开和关闭时，使音频拉伸整个休息空间。为此，我离开#audio没有任何位置规格 - 没有浮动，显示，宽度是预定义的。 #bar和#controller设置一个明确的宽度和float：left;

#bar {
     width:400px;
     float:left;
}

#controller {
     float:left;
     width:20px;
 }

希望，那就做你需要的。

Answer 2

你可以动画一些像这样的东西。我准备了question。我只为第一个div做了...同样你可以随意申请

{{1}}

DEMO