在渲染後動畫jquery fullcalendar

Question

在顯示隱藏的<div>並調用fullcalendar的渲染函數之後，它會彈出一些令人不安的內容。在完成渲染後，我將如何去淡化或滑入？

$("#show-div").click(function() { 
    $("#hidden-div").fadeIn("slow", function() { 
     $('#calendar').fullCalendar('render'); 
    }); 
}); 

http://jsfiddle.net/waspinator/sxfyd/7/

Answer 1

這樣的事情。從3000縮短工期，加快壓延淡入：

$('#calendar').fullCalendar({ 
    // put your options and callbacks here 
}) 

$("#show-div").click(function() { 

    $("#hidden-div").show("fade", 3000); 
    $('#calendar').show('fade',{ queue:false},3000).fullCalendar('render'); 
}); 

http://jsfiddle.net/waspinator/SadZR/

Answer 2

這似乎對了slideDown

$('#calendar').fullCalendar({ 
    // put your options and callbacks here 
}) 

$('.fc-header').hide(); 

$("#show-div").click(function() { 
    $("#hidden-div").fadeIn("slow", function() { 
     $('#calendar').fullCalendar('render'); 
     $('#calendar').hide(); 
     $(".fc-header").slideDown("slow", function() { 
      $('#calendar').slideDown("slow"); 
     }); 
    }); 
}); 

http://jsfiddle.net/waspinator/sxfyd/19/