javascript - jQuery slideDown()

我在我的这个站点上使用JQuery slideUp和slideDown。

http://ourrecipes.mdssoftware.com.au/

在IE中，这可以正常工作。但是，在Chrome中，当slideDown完成页面抖动一秒钟时，您将看到。

有很多代码，所以我不想发布它。

但这是可进行滑动调用的JavaScript。

马尔科姆

selectedRecipe = function (anchor) {

    var href = $(this).attr("href");
    var rid = href.split("-")[1];

    $("#RecipeID").val(rid);

    var url = "/Recipes/GetRecipeView";

    $('#divrecipe').slideUp('slow');
     $.ajax({
        url:url,
        data: { rid: rid },
        beforeSend: function () { $.blockUI({ message: '<h2><img src="../Content/Images/FhHRx.gif" style="margin-top:20px;margin-right:20px"/> Loading...</h2>' }) },
        complete: function() { $.unblockUI() },
        success: function (data) {
            $("#divrecipe").html(data);
            $('#divrecipe').slideDown('slow');
        }
    });

最佳答案

为了简化问题，如果我在js控制台中键入此命令，则重复该问题：

$("#divrecipe").slideUp("slow");$("#divrecipe").slideDown("slow")

如果我将以下CSS注释为#divrecipe：

/* height: 96%; */

然后重新运行我的测试代码不会显示出相同的效果。