jquery - 隐藏后重新显示时更改div的位置

Question

我正在创建一个 Facebook 之类的聊天应用程序。（例如，我正在与 4 个用户聊天）登录用户：我 chattinguser-1:radmin chattinguser-2:admin chattinguser-3:orderingfacility chattinguser-4:Ref.Provider

如果我关闭与 radmin 的聊天，则相邻的聊天 div 将在关闭的 div 旁边移动。

问题

用户关闭聊天时不会处理 div。只需隐藏该 div。以便在重新打开之前的对话保留在其中。我的问题是，如果我通过 $(div).show() 方法重新打开关闭的 div，它会在首先创建它的位置打开。我需要在所有 div 出现后重新打开该 div 我附加了一张图片描述以上

Answer 1

也许您可以使用 jquery 函数分离http://api.jquery.com/detach/而不仅仅是隐藏它。Detach 将从 DOM 中删除 div，但如果您想重用它，您可以再次重新附加 div 容器。

Answer 2

假设 div 共享一个共同的父级，您可以尝试这样的事情：

$(div).show().appendTo($(div).parent());

我在这里包含了一些示例代码：http: //jsfiddle.net/ujdRF/7/