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

时间:2012-06-15 07:40:28

标签: jquery css

创建像聊天应用程序这样的Facebook。(例如,我正在与4位用户聊天) Loginuser:我 chattinguser-1:Radmin的 chattinguser-2:管理员 chattinguser-3:orderingfacility chattinguser-4:Ref.Provider

如果我关闭与radmin的聊天,相邻的聊天div将移动到封闭的div旁边。

问题

当用户关闭聊天时,我没有处理div。只需隐藏div.so,重新打开以前的对话仍然在其中。 我的问题是,如果我通过$(div).show()方法重新打开关闭的div,它会在首先创建它的位置打开。我需要在所有存在的div之后重新打开该div 我附上了描述上述enter image description here

的图片

2 个答案:

答案 0 :(得分:1)

也许你可以使用jquery函数分离http://api.jquery.com/detach/而不是隐藏它。 Detach将从DOM中删除div,但是如果要重用它,可以再次重新连接div容器。

答案 1 :(得分:1)

假设div共享一个共同的父母,你可以尝试类似的东西:

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

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