單擊後更改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; 
    } 
}