Выплывающий блок с помощью jQuery

<script src="hjquery.min.js" type="text/javascript"></script>  
<script src="jquery.tabSlideOut.v1.2.js">  

  <script>  
  $(function(){  
  $('.slide-out-div').tabSlideOut({  
  tabHandle: '.handle', //класс элемента вкладки  
  pathToTabImage: 'images/contact_tab.gif', //путь к изображению "обязательно"  
  imageHeight: '122px', //высота изображения "обязательно"  
  imageWidth: '40px', //ширина изображения "обязательно"  
  tabLocation: 'left', //сторона на которой будет вкладка top, right, bottom, или left  
  speed: 300, //скорость анимации  
  action: 'click', //опции=: 'click' или 'hover', анимация при нажатии или наведении  
  topPos: '200px', //расположение от верхнего края/ использовать если tabLocation = left или right  
  leftPos: '20px', //расположение от левого края/ использовать если tabLocation = bottom или top  
  fixedPosition: false //опции: true сделает данную вкладку неподвижной при скролле  
  });  

  });  

  </script>

<style>  
   
  .slide-out-div {  
  padding: 20px;  
  width: 250px;  
  background: #ccc;  
  border: #29216d 1px solid;  
  }  
  </style>

<div class="slide-out-div">  
  <a class="handle" href="http://link-for-non-js-users.html">Content</a>  
  <h3>Контакты</h3>  
   

Тут может быть все, что угодно!!!  
  </p>  
   

Даже форма обратной связи</p>  
  </div>