|
localStorage запоминание кликнутых элементов
wisma,
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<style>
.active{
background-color: red;
}
</style>
</head>
<body>
<div class="fn_switch" data-name="12">1</div><div></div>
<div class="fn_switch" data-name="17">2</div><div></div>
<div class="fn_switch" data-name="32">3</div><div></div>
<div class="fn_switch" data-name="15">4</div><div></div>
<div class="fn_switch" data-name="99">5</div><div></div>
<div class="fn_switch" data-name="120">6</div><div></div>
<div class="fn_switch" data-name="112">7</div><div></div>
<script>
$(function() {
var obj = JSON.parse(localStorage.getItem("obj") || "{}");
$(".fn_switch").each(function(indx, el) {
var num = $(el).data("name");
$(el).click(function(e) {
e.preventDefault();
$(el).toggleClass("active").next().slideToggle(300);
obj[num] = $(el).hasClass("active");
localStorage.setItem("obj", JSON.stringify(obj));
});
obj[num] && $(el).addClass("active").next().slideDown();
});
});
</script>
</body>
</html>
Последний раз редактировалось рони, 26.02.2018 в 19:51.
|