Сохранение блока при переходе на другую страницу
Здравствуйте. Помогите пожалуйста первокласснику. Делаю список заказа (наподобие корзины для товаров). При клике по чекбоксу появляется div (include) с фиксированной позицией, в который заносится имя. Но при переходе на другую страницу он, естественно, сворачивается. Можно ли с помощью JS, JQ сохранить блок на месте, чтобы посетитель мог продолжить выбор на другой странице каталога? Если "да", то подскажите в общих чертах как это сделать. Заранее спасибо.
|
<div id="cart" style="display:none">block</div>
<button type="button" id="button">Toggle</button>
<script>
try {
const cart = document.getElementById('cart');
const button = document.getElementById('button');
button.addEventListener('click', function() {
const isHidden = +(cart.style.display === 'none');
cart.style.display = ['none', 'block'][isHidden];
localStorage.setItem('cart-expanded', isHidden);
});
if (+localStorage.getItem('cart-expanded'))
button.click();
} catch (e) {
console.error(e);
};
</script>
|
Спасибо большое! Это больше, чем я ожидал. Удачи Вам.
|
| Часовой пояс GMT +3, время: 21:46. |