Доброй ночи! У меня в скрипте при нажатии кнопки блоку добавляется класс и бросается кука с именем класса, но если на другую кнопку то к существующему классу добавляется еще один.
Мне необходимо избежать добавления еще одного класса. Так что бы нажав на кнопнку В удалился класс А и добавился В, а например нажав на С удалился класс B и добавился класс С.
Написал вот такой кусок кода, вот только он не добавляет классы, но если убрать $('body').removeAttr('class'); то классы будут добавляться и в итоге получу element class A B C и тд. Как нужно исправить код, что бы заработало, скорее всего я не понимаю как работает Jquery.
<script>
$(document).ready( function(){
var n = $('.normal');
var i = $('.inverse');
var c = $('.colored');
n.on("click", function () {
document.cookie = "color=normal";
$('body').removeAttr('class');
$('body').addClass('class', 'normal');
})
i.on("click", function () {
document.cookie = "color=inverse";
$('body').removeAttr('class');
$('body').addClass('class', 'inverse');
})
c.on("click", function () {
document.cookie = "color=colored";
$('body').removeAttr('class');
$('body').addClass('class', 'colored');
})
}
)
</script>
<code lang="php">
<body class="<?= $_COOKIE['color']; ?>">
</code>
Спасибо!
