<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script src="http://rx.at.ua/chat-file/js_code/jquery.tabslideout.v1.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
   $('.panel').tabSlideOut({                     //Класс панели
      tabHandle: '.handle',                  //Класс кнопки
      pathToTabImage: 'http://imgs.su/tmp/2012-12-07/1354885028-525.jpg',            //Путь к изображению кнопки
      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>
<div class="panel">
   <a class="handle" href="/">Content</a>
   <h3><span lang="ru">Заголовок</span></h3><br>
   <span lang="ru">
      Любое содержание здесь!
   </span>
</div>
<style>
.panel {
   padding: 20px;
   width: 250px;
   background: #eeeeee;
   border: #282828 2px solid;
   font-family: Georgia;
}
</style>