Javascript 销毁div'；使用jquery很顺利

我一直在四处寻找，但没有找到，我在tds表中有两个div：

 __________ __________
|         | |         |
|  Div 1  | |  Div 2  |
|         | |         |
|_________| |_________|

---

我本来想减少div1的宽度，同时淡出内容并在最后销毁它，然后我想让它重新出现在div2上，这样我就可以编辑不同的内容。

你可以使用jQuery的

动画功能

$('#div1').stop().animate({
        width:0,
        opacity:0
    }, 1000, function() {
        $(this).remove();
    });

这首先调用
stop（）
，以停止任何现有动画。然后，它会将元素的宽度和不透明度设置为1000毫秒内的0。动画完成后，它最后在
#div1
上调用
remove（）

如果希望它在之后立即重新出现，则无需调用
remove（）
。在这种情况下，您需要使用
appendTo（）
：

...
   }, 1000, function() {
       $(this).appendTo($(this).parent());
       /* Remember that the width and opacity are still 0 here, so you'll need to revert the animation when re-displaying it */
   });

这假设您的HTML标记大致如下：

<div>
    <div id="div1"></div>
    <div id="div2"></div>
</div>



这里有一个。
这是一个很棒的html。您应该创建一个示例，也许可以使用，这样每个人都可以编辑您的解决方案，以获得预期的结果（并帮助您）。我们到了，汉克斯！不过，它们都在td元素中，div1包含我不想手动删除的其他元素。