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

单击后更改Jquery属性

2 个答案: