How to show div on click and remember in cookies?

Question

JavaScript

Hello
There is a script that, when you click on a link, hides a div and writes it to cookies
. Everything works.

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

PLEASE TELL How to do the opposite - It is necessary that when you click on the link the other way around - DO NOT HIDE the div for 7 days, but show it for 7 days

<div class="col" id="box1" style="display: none">
<a id="url1" href="#" target="_blank">ССЫЛКА1</a>
</div>