Код:
<!--HTML-->
<div id="guestbook">

<div class="guestbook_first">
<span>
Добро пожаловать! Сейчас в Средиземье весна 3015 года Третьей Эпохи.
</span>
<div class="guestbook_desc">
Указатель – сосновую доску с выцветшей от времени краской – еще лет двадцать назад сбил один дядька, который решил оприходовать за одну ночь сразу двоих любовниц. Его голова покоилась на груди Водки, а рука – на бедре у Виски, когда он утратил контроль над своим автомобилем.
</div>
<div class="guestbook_section_wrap">
<div class="guestbook_ams">администрация: <a href="ссылка">имя</a> и <a href="ссылка">имя</a>.</div>
<div class='spirit-navigation' id='navig-batton'>полезные ссылки</div>
<div id="navigblock" style="display:none"><div class="sslka">
<a href="ссылка">сюжет</a>
<a href="ссылка">сюжет</a>
<a href="ссылка">сюжет</a>
<a href="ссылка">сюжет</a>
<a href="ссылка">сюжет</a>
<a href="ссылка">сюжет</a>
</div></div>
</div>
</div>

<div class="guestbook_section_two">

<div class="guest_rules">
<div>
- внешность и роль держим за тобой на 5 дней, если ты зарегистрирован;<br>
- для гостя этот срок составляет 3 дня;<br>
- продлить можно 2 раза: 1-ый раз на 2 дня, 2-ой раз на 1 день;<br>
- не успел в этот срок написать анкету, профиль выносится на удаление;<br>
- здесь отвечаем на вопросы мы – АМС, и игроки, по чьей заявке пришел гость;<br>
- бронь строго по коду. 
</div>
</div>

<div class="guestbook_block">
<em>Придержанные роли</em>
<div>
<span>роль | <a href="ссылка_на_профиль">ник придержавшего</a></span>
<span>роль | <a href="ссылка_на_профиль">ник придержавшего</a></span>
<span>роль | <a href="ссылка_на_профиль">ник придержавшего</a></span>
<span>роль | <a href="ссылка_на_профиль">ник придержавшего</a></span>
<span>роль | <a href="ссылка_на_профиль">ник придержавшего</a></span>
<span>роль | <a href="ссылка_на_профиль">ник придержавшего</a></span>
<span>роль | <a href="ссылка_на_профиль">ник придержавшего</a></span>
<span>роль | <a href="ссылка_на_профиль">ник придержавшего</a></span>
<span>роль | <a href="ссылка_на_профиль">ник придержавшего</a></span>
<span>роль | <a href="ссылка_на_профиль">ник придержавшего</a></span>
<span>роль | <a href="ссылка_на_профиль">ник придержавшего</a></span>
<span>роль | <a href="ссылка_на_профиль">ник придержавшего</a></span>
<span>роль | <a href="ссылка_на_профиль">ник придержавшего</a></span>
<span>роль | <a href="ссылка_на_профиль">ник придержавшего</a></span>
<span>роль | <a href="ссылка_на_профиль">ник придержавшего</a></span>
<span>роль | <a href="ссылка_на_профиль">ник придержавшего</a></span>
<span>роль | <a href="ссылка_на_профиль">ник придержавшего</a></span>
<span>роль | <a href="ссылка_на_профиль">ник придержавшего</a></span>
</div>
</div>

<div class="guestbook_block">
<em>Придержанные внешности</em>
<div>
<span>внешность | <a href="ссылка_на_профиль">ник придержавшего</a></span>
<span>внешность | <a href="ссылка_на_профиль">ник придержавшего</a></span>
<span>внешность | <a href="ссылка_на_профиль">ник придержавшего</a></span>
<span>внешность | <a href="ссылка_на_профиль">ник придержавшего</a></span>
<span>внешность | <a href="ссылка_на_профиль">ник придержавшего</a></span>
<span>внешность | <a href="ссылка_на_профиль">ник придержавшего</a></span>
<span>внешность | <a href="ссылка_на_профиль">ник придержавшего</a></span>
</div>
</div>

</div>

<div class="guest_code">
<strong class="legend"><a href="javascript://" onclick="select_text($(this).parent().next().find('pre').get(0));return!1">выделить код</a></strong><div class="blockcode"><div class="scrollbox"><pre>&lt;span&gt;внешность или роль | &lt;a href='ссылка на профиль'&gt;nick name&lt;/a&gt;&lt;/span&gt;</pre></div></div></div>

</div>

<script>
$(document).ready(function(){
    $("#navig-batton").click(function(){
    $("#navigblock").slideToggle();
});
      });
$(document).ready(function(){
$('.spirit-navigation, .spirit-navigation2').click(function () {
    $(this).toggleClass('spirit-navigation_hover');
    });
});
</script>