Нашел несколько статей по работе с cookie
, все они описывали какие-то сложные случаи в итоге мало что понял. Мне же сейчас этого не нужно, хочу начать совсем с простого:
Как присвоить блоку класс, а после перезагрузки страницы класс должен остаться?
$("input").click(function() {
$(this).siblings('.block').toggleClass('active')
});
.block {
display: block;
position: relative;
width: 80%;
height: 100px;
margin: 0 auto;
background: #4DB6AC;
}
.block.active {
background: #FFC107;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<div class="block"></div>
<input type='button' value='Переключатель'>
также прочитал, что cookie
сохраняются только на одну сессию,
- как сделать чтобы они хранились там до тех пор пока пользователь сам не почистит браузер?
- Как делать чтобы
cookie
хранились 24 часа?