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>

JAVASCRIPT

<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>

jquery.tabslideout.v1.2.js

CSS

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