Как скрыть div при клике и запомнить в cookies?

Question

[Вадим Ефремов]

Здравствуйте.
Есть скрипт который при клике на ссылку скрывает div и записывает в cookies
ВСЁ РАБОТАЕТ !!! Но есть огромная проблема .
Таких ссылок надо 100-200 шт - Если в каждый div дописывать скрипт получается огромный код
ВОПРОС Как можно уменьшить этот скрипт ?

<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>

Answer 1

[Александр Филиппенко]

Уменьшить скрипт можно при помощи циклов, массивов, и селекторов по классу или атрибуту, а не по айдишнику.
Класс "col" используется только для скрываемых блоков?

Comments

[Вадим Ефремов]

Да ! Класс "col" только для них. Если не трудно напишите пример как это можно сделать .

[Александр Филиппенко]

$(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;
}};
});

[Александр Филиппенко]

Не проверял. Но должно работать.

[Вадим Ефремов]

к сожалению не работает

[Вадим Ефремов]

Может для работы скрипта надо библиотеку подключить ?

[Александр Филиппенко]

Вадим Ефремов: А у Вас jQuery не подключена что ли?

[Вадим Ефремов]

Александр Филиппенко: Подключён jquery-3.1.0.min.js