Javascript 刷新Div并设置更改的动画

我知道如何刷新

DIV

的内容，但是我不想让它仅仅出现在屏幕上，而是想

设置更改的动画。
div
本质上是一组框，当用户接受报价时，它需要将
移动到
div
中

我将如何使用
Javascript/Jquery
？
谢谢。
不知道你所说的是什么意思，进入那个部门

您可以将divs的新内容包装到另一个html元素中，并用一些动画显示它

<div></div>
newContent = '<span id="whatever" display="none">newContent</span>';

animateOUT、animateIN、回调

不是真正的功能，而是您选择的动画效果：
我认为您有一个
，它是一个用户接受的提供的容器

<div id="offersContainer">
    <div class="offer">
        Offer 1
    </div>
    <div class="offer">
        Offer 2
    </div>
</div>

然后，您可以设置新报价的动画

$("#offer_5").animate({ "background-color": "blue" }, 1000);

这就是你想做的吗

编辑

jquery AJAX

$.ajax({
    type: "GET",
    url: "/Offers/GetOffer",
    data: { offer_Id: 5 },
    success: function (data, textStatus) {
        // data can be html or json, depends on what you return from you're action
        // console.log(data);

        $("#offersContainer").append(data);
    }
});

您必须在主div中添加一个新元素，以便在其中展开并设置动画，或者只需将主div替换为一个新div，并在其上调用
slideDown（）
（或任何其他您想要执行的动画）。
在您的工作中尝试此代码

<script language="javascript" type="text/javascript">
document.getElementById('div_id').innerHTML=location.reload(); //Reload code
</script>


document.getElementById（'div_id'）。innerHTML=location.reload（）//重新加载代码
你知道这对你很好，你能告诉我们这方面的情况吗，这样我们就可以在你的模式基础上为你提供帮助。你尝试过什么/你有什么想法-你有什么代码要显示吗？本质上，div内容是一个include，你可以重新加载它。。。。我最初的想法是使用append（）来欺骗新的一个；使用JS在其中插入新的div，但是这是不可行的，因为其中有很多数据库驱动的内容，我无法实际地将它们分配给JS变量和PHP变量。好的，看来你应该先读一读，我只是在寻找一个正确的方向，而不是一个具体的答案，即代码。如果没有没完没了的重复数据库查询，我想不出解决这个问题的另一种方法。我的页面上基本上有两列——新报价和回复报价。例如，当用户按下报价上的“接受”按钮时，需要将其放在下一列中。回复的报价是一个包含，我是否可以使用该包含将其压缩为0，加载新内容，然后相应地增加高度？这是可能的，但这是一个更具体的问题，您也可以通过提供详细信息来询问。在这里，我试图给你一个概念。这就是我想要的——只是解决我问题的一种方法，我会做腿部工作。我知道这有点含糊不清。是的，确切地说，唯一的问题是提供的内容主要是数据库驱动的，其中大部分数据存储为PHP变量。要让它们进入JS，需要大量的重新查询。除非有办法解决这个问题——AJAX，或者如果您的目标是浏览器的最新版本——HTML5WebSocketsy，那么您应该有一个方法，只从数据库返回一个报价，并使用jQueryAjax返回它。我想这是唯一的解决办法——为答案干杯。
$("#offer_5").animate({ "background-color": "blue" }, 1000);

$.ajax({
    type: "GET",
    url: "/Offers/GetOffer",
    data: { offer_Id: 5 },
    success: function (data, textStatus) {
        // data can be html or json, depends on what you return from you're action
        // console.log(data);

        $("#offersContainer").append(data);
    }
});

<script language="javascript" type="text/javascript">
document.getElementById('div_id').innerHTML=location.reload(); //Reload code
</script>