2014-09-02 162 views
0

我有以下的將點擊窗口大小將div調整大小,但我不能讓它動畫...動畫div對調整大小函數

任何想法?

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

jsFiddle

PS:

我想是這樣的:

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

http://api.jquery.com/animate? – Blazemonger 2014-09-02 16:31:56

+0

@Blazemonger查看我使用動畫效果的更新:) – Alin 2014-09-02 16:35:42

+0

您沒有正確使用'.animate' - 重新閱讀文檔。 – Blazemonger 2014-09-02 16:36:23

回答

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

這會工作,我在這裏測試它:http://jsfiddle.net/ok58nwsr/ – 2014-09-02 16:50:54

+0

工程就像一個魅力,非常感謝^^ – Alin 2014-09-02 16:55:00