Question

我正在为我的学校项目（高中）创建一个投资组合网页，我有一个名为work的部分。在那里我想让图像彼此相邻（只是一些填充）然后如果你点击它们，会有一种下拉菜单，其中图像将显示在左侧网站上，文本显示在右侧。这也将推动网页上的其他内容。

一个例子？谷歌图片。如果你搜索某些内容，让我们说“谷歌”，然后你去图像，如果你现在点击一个随机图像，有一个平滑的下拉图像和一些文字，网站上的其余内容是推下去。这就是我要的。这只是我不知道如何得到那个下拉菜单以及推动页面的其余部分。

让图片像谷歌一样浮动并不是什么大问题，这里的问题是当你点击一张图片并将内容推下来时，就会出现下拉内容。

我正在使用PHP在我想要的时候把东西放进去，但是现在不能满足我的能力。

这并不是必须在所有浏览器中工作，只要它在webkit和mozilla中工作就可以了。

有任何帮助吗？：）

Answer 1

你可以用JQuery做到这一点..

只需创建一个你想要动画的div，显示无。

使用Jquery下滑功能

$(selector).slideDown();

和Jquery文档

（如果你还没有，请不要忘记首先包含JQuery）

编辑 - （我真的讨厌无法对问题发表评论）

无论如何在需要的时候将内容放下来只需要在容器div中包装你想要的东西，最小高度为100px然后如果容器内的任何东西大于100px，则div将增长以使其适合并且将推动所有下方它失败了。

这是一个更新的小提琴 http://jsfiddle.net/hvf7Q/1/

希望我帮助

Answer 2

让每行图像都像div。然后，下拉列表可能已经存在于您的HTML某处并使用jQuery“传输”它（函数remove，append，after等）。

可以使用其行中图像的索引来定位小三角形。如果它们是正方形则更容易，否则使用矩形的jquery宽度。