渲染后动画化jquery fullcalendar

Question

在显示了一个隐藏的<div>并调用了fullcalendar的render函数后，它突然出现了。在它完成渲染后，我该如何进行淡入或滑入？

$("#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/