onclick change percenatge of div color fill

Question

Я создаю интерактивное обследование и содержит содержащий div, который показывает% ответов пользователей (согласен/не согласен) в 2 цветах. Мне нужно, чтобы div изменял% в зависимости от ответа пользователей.

Как я могу достичь этого, используя onClick?

Любая помощь будет отличной.

Answer 1

Если вы создадите контейнер div, содержащий 2 элемента (согласитесь и не согласны), вы можете динамически изменять их ширину. При подключении к OnClick события до регулировать это, вы должны быть в состоянии получить необходимые результаты:

$(".vote-agree-button").click(function() { 
    $(".agree").width($(".agree").width() + 1); 
    $(".disagree").width($(".disagree").width() - 1);  
}); 

$(".vote-disagree-button").click(function() { 
    $(".agree").width($(".agree").width() - 1); 
    $(".disagree").width($(".disagree").width() + 1); 
}); 

Работал JSFiddle пример: http://jsfiddle.net/d8QLa/