<script src="/js/jquery.min.v1.4.2.js"></script>

.a {
    outline: none;
}
  
#help {
    display: block;
    font-size: 12px;
    position: fixed;
    right: 0;
    top: 88px;
    width: 279px;
    z-index: 5;
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

#help img{
    border: 0px;
}

#help-panel {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    display: none;
    float: right;
    width: 140px;
}

#help-panel .collapse {
    display: none;
    float: left;
    padding: 15px 10px;
    font-size: 12px;
    line-height: 15px;
}

#help-panel .collapse a {
    font-size: 11px;
    color: black;
    text-decoration: underline;
    font-size: 12px;
}

#support-header {
    background: url("../images/iishel/24-7-bg.gif") repeat-x scroll 0 0 transparent;
    height: 17px;
    padding: 2px 0 0 10px;
}

#help-panel .main {
    background: url("../images/iishel/item-bg.gif") repeat-x scroll 0 0 transparent;
    float: left;
    height: 37px;
    width: 240px;
}

#help-panel a.title {
    background: url("../images/iishel/but-right.gif") no-repeat scroll 10px 15px transparent;
    color: #444;
    display: block;
    font-weight: bold;
    padding: 12px 10px 12px 22px;
    font-size: 12px;
}

#help-panel a.title span {
    color: #666;
    display: block;
    font-weight: bold;
    font-size: 12px;
}

#help-panel a.selected {
    background: url("../images/iishel/but-down.gif") no-repeat scroll 10px 15px transparent;
}

#help a {
    text-decoration: none;
}

#help-button {
    float: right;
}

<?php if (!$inUser->id){ ?>
  <?php } else { ?>

<div id="help">

<div id="help-panel" style="display: none;">

    <!-- Главная-->
    <div class="main"><a class="title" title="Главная" href="/index.php">Главная</a></div>
    
    
    <!-- Форум -->
    <div class="main"><a class="title" href="javascript:void(0);">Форум</a></div>    
        <div class="collapse">
        <a href="/forum/" target="_blank">Основной</a><br />
        <a href="/forum/latest_posts" target="_blank">Последние сообщения</a><br />
        <a href="/forum/latest_thread" target="_blank">Новые темы</a><br />
        </div>
  
    <!-- Фотоальбомы -->
    <div class="main"><a class="title" href="javascript:void(0);">Фотоальбомы</a></div>    
        <div class="collapse">
        <a href="/photos/" target="_blank">Основной</a><br />
        <a href="/photos/latest.html" target="_blank">Последние</a>
        </div>
        
        <!-- Блоги -->
    <div class="main"><a class="title" href="javascript:void(0);">Блоги</a></div>    
        <div class="collapse">
        <a href="/blogs/" target="_blank">Лента записей</a><br />
        <a href="/blogs/all.html" target="_blank">Все блоги</a><br />
        <a href="/blogs/single.html" target="_blank">Персональные</a><br />
        <a href="/blogs/multi.html" target="_blank">Коллективные</a><br />
        </div>
        
        <!-- Видео -->
    <div class="main"><a class="title" href="javascript:void(0);">Видео</a></div>    
        <div class="collapse">
        <a href="/video/" target="_blank">Перейти в раздел</a><br />
        <a href="/video/myvideo.html" target="_blank">Моё видео</a><br />
        <a href="/video/add.html" target="_blank">Добавить видео</a><br />
        </div>
        
         <!-- Сообщество -->  
    <div class="main"><a class="title" title="Сообщество" href="/clubs/">Сообщество</a></div>
        
     <!-- Музыка -->  
    <div class="main"><a class="title" title="Музыка" href="/music/">Музыка</a></div>
    
    <!-- Файлы -->  
    <div class="main"><a class="title" title="Файлы" href="/catalog/">Файлы</a></div>
    
    <!-- Статьи -->  
    <div class="main"><a class="title" title="Статьи" href="/content/">Статьи</a></div>
    
    <!-- Объявления -->
    <div class="main"><a class="title" href="javascript:void(0);">Обьявления</a></div>    
        <div class="collapse">
        <a href="/board/" target="_blank">Перейти в раздел</a><br />
        <a href="/board/add.html" target="_blank">Добавить объявление</a><br />
        </div>
    
    <!-- Вопросы -->
    <div class="main"><a class="title" href="javascript:void(0);">Вопросы</a></div>    
        <div class="collapse">
        <a href="/faq/" target="_blank">Перейти в раздел</a><br />
        <a href="/faq/sendquest.html" target="_blank">Задать вопрос</a><br />
        </div>
    
</div>

<a id="help-button" href="javascript:void(0);"><img alt="" src="/templates/ВАШ_ШАБЛОН/images/iishel/button.png"/></a>

</div>

<script type="text/javascript">
$(function(){
    
    var current_index = null;    
    
    $('#help-button').click(function(){        
        $('#help-panel').toggle(300);
    });
    
        
    $('a.title').click(function(){        
        
        if(current_index != $('a.title').index(this)){
            $('.collapse:visible').slideUp(500);
            $('a.title').removeClass('selected');
        }        
        
        if($(this).parent().next().attr('class') == 'collapse'){
            
            if($(this).parent().next().is(":hidden")){
                $(this).addClass('selected');
            } else if($(this).parent().next().is(":visible")) {
                $(this).removeClass('selected');
            }
            $(this).parent().next().slideToggle(500);
        }
        
        current_index = $('a.title').index(this);        
    });
});
</script>
<?php } ?>