Jquery slideDown()

Question

我在我的这个网站上使用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');
        }
    });

Answer 1

为了简化这个问题，如果我在js控制台中输入这个问题，我会复制这个问题：

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

如果我注释掉#div食谱的以下css：

/* height: 96%; */

那么，重新运行我的测试代码并不会显示出同样的效果。