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")

如果我为#divrecipe注释掉以下css：

/* height: 96%; */

然后重新运行我的测试代码并没有表现出相同的效果。