當插入HTML導致它增長時，平滑的邊界增長轉換？

Question

我正在使用JQuery在邊框div中添加html。因此，div增長的高度。它突然改變規模，我無法平穩過渡。我試過添加：

transition: border 0.5s ease; 

但它似乎並沒有影響它。

Answer 1

如果你希望你的DIV擴大規模，當你添加HTML它，嘗試做這樣的事情：

var container = $(".yourContainer"); 
    var htmlToAdd = $(".yourHtmlToAdd"); 

    htmlToAdd.appendTo(container).hide().slideDown(500); 

的hide().slideDown(500)將導致您添加的HTML擴大規模導致您的div容器成長大小也是如此。