调整大小函数的div

Question

我有以下内容，会在点击时将div调整为窗口大小，但我无法将其设为动画...

有什么想法吗？

$(function(){
    $("#trigger").click(function(){ 
        $(".more").height($(window).height());
    });
});

jsFiddle

PS：

我试过这样的事情：

$(function(){
    $("#trigger").click(function(){ 
        $(".more").animate({
            $(this).height($(window).height());
    });
  });
});

Answer 1

$( "#trigger" ).click(function() {
    $(".more").animate({
        height: $(window).height()
    }, 1000, function() {
        // function that runs when animation finished
    });
});