Здравствуйте.
Задача такая : Есть примерно 100 блоков div При клике по ссылки в этом блоке скрывается div и запоминается в cookies
Вот рабочий скрипт ! Есть Большая проблема таких div будет 100-300 получится ОГРОМНЫЙ код Как это всё можно уменьшить ?
div class="col" id="box1">
<a id="url1" href="#" target="_blank">ССЫЛКА1</a>
</div>
<script type="text/JavaScript">
$(document).ready(function (){
var box1 = $.cookie('box1')//Получаем значение куки
if(box1 =='none'){//Делаем проверку
$('#box1').remove();//И закрываем блок если куки есть
}
$('#url1').click(function() {//При клике на id кнопки закрытия
$('#box1').slideUp(1000);//Закрываем сам id блока
$.cookie('box1', 'none', { expires: 7});//И создаём куку
});
});
</script>
Посоветовали скрипт скрывает div при клике и сохраняет в localStorage
К сожалению он не работает подскажите где ошибка ?
<html>
<head>
<script src="jquery-3.1.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function (){
var hiddenDivs = localStorage['hiddenDivs'];
hiddenDivs.forEach(function(item, i, arr) {
$("#"+item).remove();
});
$(document).on('click',".col",function(){
var id = $(this).attr("id");
$(this).slideUp(1000);
localStorage['hiddenDivs'][id] = id;
}};
});
</script>
</head>
<body>
<div class="col" id="box1">
<a href="#" >ССЫЛКА1</a>
</div>
<div class="col" id="box2">
<a href="#" >ССЫЛКА 2</a>
</div>
</head>
<body>
Простой