css - 需要帮助定位一些 Div

Question

我之前在寻求有关执行 javascript 部分的帮助时曾发布过类似的问题。

我现在已经弄清楚如何让 javascript 工作以重现下图中的这种影响，不过我需要帮助让我的“中间”可点击 div 到位......向下滚动以查看问题部分

好的，这是一个页面，其中包含我目前在 jsfiddle 上的代码。

Mu 更新了尝试，大部分时间都在工作，但我必须这样做的方式似乎有点老套

http://jsfiddle.net/jasondavis/HRq6G/5/embedded/result/

我有一个包含页眉、内容、侧边栏和页脚区域的容器 div。现在，当您单击标题 div 时，它会切换侧边栏和内容区域。

我真的很想弄清楚如何在文章内容和侧边栏之间获得一个中间 DIV，然后我会让那个 div 成为切换所有内容的触发器。

在图像中你可以看到新的中心 div 应该始终附加在文章 div 的右侧

如果您对这类东西很在行，我将不胜感激我能得到的任何帮助，我花了几个小时试图让 div 定位到我描述的位置，但运气不佳。 div也应该是文章div的高度

-----更新-----

http://jsfiddle.net/jasondavis/HRq6G/6/embedded/result/

我现在可以使用了。它很可能会得到改进，我不得不做一些 hack，比如设置一些负边距，我想如果没有这些，知识渊博的人也能做到这一点

Answer 1

您的解释有点难以理解，但我认为这就是您想要的。基本上在侧边栏和主要内容区域之间有一个薄的 div。单击它会导致侧边栏重新定位。再次单击它会恢复侧边栏。

http://jsfiddle.net/HRq6G/4/

为了实现这一点，我选择将中间的 div 完全定位在文章 div 的右边缘。我将中间的 div 称为“触发器”。