<div id="hiddenDiv1" style="display: none;">$BODY$</div>

<script type="text/javascript">
var is_countdown_started = false;
var text = '';
function countdown_new(_el, _sec) {
  var el = document.getElementById(_el);
  if (!el) return false;
  if (_sec > 0) {
   if (!is_countdown_started) {
    text = el.value;
    is_countdown_started = true;
    el.disabled = true;
   }
   el.value = 'Прочитал и согласен (' + _sec + ' с.)';
   setTimeout('countdown_new(\'' + _el + '\', ' + (_sec - 1) + ')', 1000);
   } else {
    is_countdown_started = false;
    el.value = text;
    el.disabled = false;
   }
}

function show_hide(elementid) {
  var element = document.getElementById(elementid);
  if (element) element.style.display = element.style.display == 'none' ? '' : 'none';
}

$(document).ready(function() { countdown_new('button1', 30); });
</script>

<div id="button2">
!СЮДА ВСТАВЛЯЕМ ТЕКСТ ПРАВИЛ СВОЕГО САЙТА!
</div>
<div align="center">
<input type="button" id="button1" value="Прочитал и согласен" onclick="show_hide('hiddenDiv1');show_hide('button1');show_hide('button2');window.scrollTo(0,0);" disabled="disabled" />
</div>