2

好吧,所以标题可能不是描述我正在尝试做的事情的最佳方式,但我不确定如何表达它。

首先(当页面加载时),有 20 个“图块”用作页面上的按钮。他们是div。顶部的 5 个较大,其余行大小相同。 在此处输入图像描述

单击其中一个按钮后,我希望在单击的按钮所在的行下方显示一个 div。我知道如何使用 jquery 切换来完成这部分。这是单击按钮后我希望它看起来像的示例。 在此处输入图像描述

您可以在图中看到我希望它在单击后看起来像一个选项卡。我无法考虑如何将连接按钮 div 的部分添加到在行中间切换的 div 中。这部分: 在此处输入图像描述

我有点想我可以制作 5 个图像,每列按钮一个,具有一小部分背景颜色,并且也可以切换图像。我相信有更好的方法来做到这一点,所以我正在寻找正确的方向。我在寻找这样的东西时遇到了一些麻烦,因为我真的不知道该怎么称呼它,所以我想我会来这里寻求帮助。谢谢!

4

2 回答 2

3

单击时,我会增加height磁贴的 (以便它从上图中的红线向下扩展到上图中显示的下红线)。

这一切都可以通过 CSS(使用复选框 hack,就像我制作这个 div来增加它的高度一样)或 JavaScript(如果你想要 IE8 尤其是 IE7 的可靠行为)来完成。

于 2012-07-22T08:30:47.603 回答
1

像这个小提琴:

http://jsfiddle.net/techunter/ph8vY/

于 2012-07-22T09:52:18.530 回答