尝试在推/拉“hideTop / showBoth / HideBottom”配置中创建两个50％高的div

Question

我试图推出的布局解决方案涉及一个960px（W）x 100％（H）居中包装器。在该包装物内是两个堆叠的div（960px（W）×50％（H）堆叠在另一个960px（W）×50％（H）的顶部）。我正在寻找的界面是三个不同的视图，用jquery动画。

1. （默认）两个div可见
2. 点击向下箭头图标并让顶部div将其高度增加到99％，留下1％的显示（在其上提供向上箭头图标以切换回50/50视图）。
3. 点击向上箭头图标并让底部div将其高度增加到99％，留下1％的显示和向下箭头图标以切换回50/50视图。

推拉两个同样重要的内容，在全屏高度都能看得更清楚。

Answer 1

这是一个好的开始：http://jsfiddle.net/e2G6Y/。
如果您希望它可以在多个类上工作，则需要修改类检测部分（if($(this).attr("class") == "equal")） 您还需要根据需要添加重新打开的箭头。