Всем привет. есть такая проблема
делаю этим кодом поверх сайта полупрозрачный фон с уведомлением и в углу крестик
<div style="z-index: 2147483647;position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,.70)!important;backface-visibility: hidden;-webkit-backface-visibility: hidden;text-align: left;">
<div style="position: fixed;top: 30%;color: #fff; font-size: 25px;text-align: center;left: 50%;transform: translate(-50%, -50%);max-width: 360px;font-family: 'Segoe UI','Open Sans',Ubuntu,'Dejavu Sans',Helvetica,'Helvetica Neue',Arial,sans-serif">
Уведомление
</div>
<div style="position: absolute; right: 20px;top: 10px;font-weight: 300;opacity: .8;cursor: pointer;font-family: 'Segoe UI','Open Sans',Ubuntu,'Dejavu Sans',Helvetica,'Helvetica Neue',Arial,sans-serif;color: #fff;width: 60px;text-align: center;">
<span class="close" style="font-size: 60px;line-height: 20px;">×</span>
</div>
</div>
И нужно как то по нажатию на крестик тут:
<span class="close" style="font-size: 60px;line-height: 20px;">×</span>
чтобы убирался этот фон с уведомлением и крестиком. Как это сделать на jquery?
И как к такому уведомлению прикрутить куки на 1 показ в сутки?
