单击后更改Jquery属性

Question

我想在我的网页上创建一个按钮，点击后功能发生变化。在这种情况下，我想将div滑动到更小的尺寸，然后使用相同的按钮重新调整大小。 到目前为止，我已经试过代码如下

$('#full-view').click(function(){ 
    $('.right').animate({width:"2%"},'fast'); 
    $('#full-view').click(function(){ 
     $('.right').animate({width:"15%"},'fast'); 
    }); 
}); 

这个当前方法但造成div.right到尺寸的缩小，但随即重新展开。 我想这个问题可能已经被问到了，但我不能缝来找出正确的搜索。 JQuery点击功能与讨论onclick属性相同吗？

Answer 1

我认为你正在寻找.on()：

$('#full-view').click(function(){ 
    $('.right').animate({width:"2%"},'fast'); 
    $('#full-view').on('click',function(){ 
     $('.right').animate({width:"15%"},'fast'); 
    }); 
}); 

Answer 2

您可以设置一个变量来跟踪的大小，然后就检测股利是否需要扩大或缩小

var is_small = false; 
$('#full-view').click(function(){ 
    if(is_small){ 
     $('.right').animate({width:"15%"},'fast'); 
     is_samll = true; 
    }else { 
     $('.right').animate({width:"2%"},'fast'); 
     is_small = false; 
    } 
}