Question

我有这部法典半途运作。

jQuery( #checkbox ).click(function () {
   jQuery( .cssBox ).animate({height: +=50px }, 500);
   jQuery( #extra ).toggle(this.checked);
});

现在,当检查箱时,盒子就有了扩大,但是当盒子被封不动时,箱子就会变得更大。我怎么能够加以调整,以便当不加控制时,它回到原来的规模?

Answer 1

问题如下:

jQuery( #checkbox ).click(function () {
   jQuery( .cssBox ).animate({height: ((this.checked)? +=50px : -=50px )}, 500);
   jQuery( #extra ).toggle(this.checked);
});

Answer 2

使用<代码>change而不是click (通过和使用空间条码进行其他制片将绕过你的代码)。另外,根据<条码>条码采用您的计算方法。国家:

jQuery( #checkbox ).change(function(){
  jQuery( .cssBox ).animate({
    height: this.checked   // is it checked?
      ?  +=50px               // yes, increase by 50px
      :  -=50px               // no, decrease by 50px
  },500);
  jQuery( #extra ).toggle(this.checked);
});

Answer 3

$(function(){
    var isSmall=true;
    $( #checkbox ).click(function () {
        if(isSmall)
        {
           $( .cssBox ).animate({height: +=50px }, 500);
        }
        else            
        {
           $( .cssBox ).animate({height: -=50px }, 500);
        }
       isSmall=!isSmall;
    });        
});

Sample : 。

友情链接