Javascript 使用CSS在项目上单击时创建iPhone样式的滑出

如果可能的话，我尝试使用CSS和很少的JavaScript在HTML中创建iPhone风格的文件夹。你可以在这里找到截图。该页面上的屏幕截图显示了4个文件夹、系统、应用程序、工具箱和开发人员。单击应用程序可显示包含应用程序的滑出菜单。多个文件夹是否可以实现相同的目标？例如，假设我有10个div向左浮动，这样4个div可以放在一行中，总共有3行。如果用户单击第二个div，另一个div滑出，向下推第二行和第三行，总共创建4行

---

下面是一些代码，我正在玩：。

是的，它是可行的。与您提到的示例不同，当用户单击图标时，我会在display:none和：block with animation之间切换。它会自动推送其他图标。

你的意思是这样吗？ 在本例中，只需单击div'One'就可以了，但正如您所看到的，扩展起来非常容易