Codly

html

<div class="panel">
    <a class="handle" href="http://jemand.ru">Content</a> <!-- Ссылка для пользователей с отключенным JavaScript -->
    <h3><span lang="ru">Заголовок</span></h3><br>
    <span lang="ru">
        Любое содержание здесь!
    </span>
</div>

css

.panel {
    padding: 20px;
    width: 250px;
    background: #eeeeee;
    border: #282828 2px solid;
    font-family: Georgia;
}

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script src="/jquery.tabslideout.v1.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
    $('.panel').tabSlideOut({   //Класс панели
        tabHandle: '.handle',   //Класс кнопки
        pathToTabImage: 'button.gif',   //Путь к изображению кнопки
        imageHeight: '122px',   //Высота кнопки
        imageWidth: '40px',     //Ширина кнопки
        tabLocation: 'right',   //Расположение панели top - выдвигается сверху, right - выдвигается справа, bottom - выдвигается снизу, left - выдвигается слева
        speed: 300,             //Скорость анимации
        action: 'click',        //Метод показа click - выдвигается по клику на кнопку, hover - выдвигается при наведении курсора
        topPos: '200px',        //Отступ сверху
        fixedPosition: false    //Позиционирование блока false - position: absolute, true - position: fixed
    });
});
</script>