Всем привет, нужна помощь. Есть код:
<div id="gift10">
<img class="gift-block-image black">
<h2>Тайный подарок #1</h2>
<ul id="gift-colors">
<li class="black checked"></li>
<li class="red"></li>
<li class="blue"></li>
<li class="yellow"></li>
</ul>
</div>
jQuery:
$(function() {
$(".gift ul li").click(function() {
$(this).closest("ul").find("li").removeClass("checked");
$(this).toggleClass("checked");
$(this).closest(".gift").find(".gift-block-image").addClass('red');
})
});
Сейчас по клику на li к классу "gift-block-image" добавляется еще один класс "red". Подскажите, каким образом можно сделать так, чтобы вместо "red" добавлялось название класса ("blue", "yellow"...), на который кликнули?