JQuery slideDown()

Question

Я использую JQuery slideUp и slideDown на этом сайте.

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

В IE это работает отлично. Но в Chrome, когда slideDown завершает работу страницы на секунду, как вы увидите.

Существует много кода, поэтому я не хочу его публиковать.

Но это javascript, который вызывает слайд-звонки.

Malcolm

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

Если я закомментируйте следующую CSS для #divrecipe:

/* height: 96%; */ 

, поэтому повторный запуск моего тестового кода не оказывает такого же эффекта.