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个处理程序 - 触发两个动画的每次点击都会触发它们。

相反，你需要的是一个单独的处理程序，它根据扩展状态将扩展元素或将其缩小到默认状态。

尝试

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

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

3 个答案: