如何通过单击按钮使div增加宽度和高度？

Question

我想获得一个按钮，使div出现，也增加其高度和宽度我得到了如何使div增加宽度，但我如何得到它增加高度我需要另一个功能，如我有以下的高度？还有如何在这里添加按钮功能。

请帮助我很新的这

$(document).ready(function() { 
    $("#box").click(function() { 
     $(this).animate({ 
      width: "+=1250px" 
     }); 
    }); 

    $("#box").click(function() { 
     $(this).animate({ 
      width: '-=1250px' 
     }); 
    }); 
}); 

Answer 1

你并不需要另一个功能：

$("#box").click(function() { 
     $(this).animate({ 
      width: "+=1250px", 
      height: "1250px" 
     }); 
    }); 

Answer 2

使用逗号分隔的属性在动画

$(document).ready(function() { 
     $("#box").click(function() { 
      $(this).animate({ 
     width: "+=1250px", 
     height: '-=250px' 
      }); 
      }); 
    }); 

Answer 3

问题与你的代码是，你有2个处理程序注册点击事件 - 他们都会触发每一个CL触发两个动画。

取而代之的是，您需要的是一个单一的处理程序，它根据扩展状态将扩大元素或将其缩小到默认状态。

尝试

jQuery(function($) { 
    $("#box").click(function() { 
     var $this = $(this), widened = $this.data('widened') 
     $this.stop(true, true).animate({ 
      width: (widened ? '-' : '+') + "=1250px" 
     }); 
     $this.data('widened', !widened) 
    }); 
}); 

演示：Fiddle