изменить атрибут 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; 
    } 
}