<div class="panel">
  <h3>Материал из Википедии — свободной энциклопедии</h3>
  <p>Квазар (англ. quasar) — особо мощное и далёкое активное ядро галактики. Квазары являются одними из самых ярких объектов во Вселенной — их мощность излучения иногда в десятки и сотни раз превышает суммарную мощность всех звёзд таких галактик, как наша. Следы родительских галактик вокруг квазаров (причём, далеко не всех) были обнаружены лишь позднее. В первую очередь квазары были опознаны как объекты с большим красным смещением, имеющие электромагнитное излучение (включая радиоволны и видимый свет) и настолько малые угловые размеры, что в течение нескольких лет после открытия их не удавалось отличить от «точечных источников» — звёзд (напротив, протяжённые источники больше соответствуют галактикам).</p>
  <span class="close" onclick="tikWebo4kaRu();"></span>
</div>

<script type="text/javascript">

function setCookie(name, value, days) {  
   if (days) {  
   var date = new Date();  
   date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));  
   var expires = "; expires=" + date.toGMTString();  
   }  
   else var expires = "";  
   document.cookie = name + "=" + value + expires + "; path=/";  
  }  
  function getCookie(name) {  
   var nameEQ = name + "=";  
   var ca = document.cookie.split(';');  
   for (var i = 0; i < ca.length; i++) {  
   var c = ca[i];  
   while (c.charAt(0) == ' ') c = c.substring(1, c.length);  
   if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);  
   }  
   return null;  
  }  
  function eraseCookie(name) {  
   setCookie(name, "", -1);  
  };

if(getCookie('zakritWebo4kaRu')){$('.panel').hide();}else{function tikWebo4kaRu(){$('.panel').animate({ opacity: 'hide' }, "slow"); setCookie('zakritWebo4kaRu', 1, 365);}}
</script>

<style>
.panel {
  padding: 10px 20px 10px;
  position: relative;
  border: 1px solid #e1e1e1;
  text-align: justify;
  margin: 0 0 5px 0;
  background: #f9f9f9;
  -webkit-border-radius: 5px;
  }
.close {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 10px;
  right: 10px;
  cursor: pointer;
  background-image: url(http://jemand.ru/examples/images/ischezayushhie-bloki-na-jquery/close.gif);
  }
</style>

<script src="http://jqucoz.ru/cok.js" type="text/javascript"></script>
<script>
if($.cookie('webing') != null){
$('.panel').hide();
}

$('.panel .close').click(function(){
$('.panel').hide();
$.cookie('webing','1');
});

$('ТУТ КЛАСС КНОПКИ ОТКРЫТЬ').click(function(){
$('.panel').show();
$.cookie('webing',null);
});
</script>