jquery - 单击后更改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

您可以设置一个变量来跟踪大小，然后只检测 div 是否需要增长或缩小

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;
    }
}