[mixnet]

ребят я новичек в jQuery и поэтому прошу помощи, или в какую сторону копать, вопрос такой, нужно чтоб при клике на кнопку "да" выводился цвет функции, и чтоб выводился именно при клике мышкой на выбор "да".
например, мы кликаем мышкой по кнопке "да" нам выводится текст "выберите цвет для ссылки*" затем цвет начинает затухать, мы нажимаем "нет" и и блок у нас скрывается, затем мы нажимаем "да" и чтоб опять происходило затухание цвета

<div class="row">
<label for="name">выделить ссылку<br>цветом?<span class="req">*</span></label>
<select  class="styled-select" id="counts" onChange="show_country();">
<option value="0" selected disable>Нет</option>
<option value="1">Да</option>
</select>
</div>

вот что у нас выводится при нажатии на кнопку "да"

<span id="q1" style="display: none">
<div  id="c1">
<label for="email">выберите цвет<br>для ссылки<span class="req">*</span></label>
<select class="styled-select" name="colors" onchange="this.style.backgroundColor=this.value"> 
  <option style="background-color:#cccccc" value="#cccccc">Серый</option>  
  <option style="background-color:#ffff00" value="#ffff00">Желтый</option>  
  <option style="background-color:#ff0000" value="#ff0000">Красный</option>  
  <option style="background-color:#8099E8" value="#8099E8">Голубой</option>  
</select></div>
</span>

и вот сам jQuery

$(function(){
var arr = ['#EDF6FF'],block = $('#c1');
(function animate() {
    if(!arr.length) return;
    block.animate({backgroundColor: arr.shift()}, 9000, animate);
})();
});