<link href="/css/example-page.css" rel="stylesheet" type="text/css" media="all" />

   

     <style type="text/css" media="screen">

      

     .slide-out-div {

        padding: 20px;

         width: 250px;

         background: #f2f2f2;

         border: #29216d 2px solid;

     }

      

  </style>

     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>

     <script src="/js/jquery.tabSlideOut.v1.2.js"></script>

           

          <script>

          $(function(){

              $('.slide-out-div').tabSlideOut({

                  tabHandle: '.handle',                    //класс элемента

                  pathToTabImage: 'images/contact_tab.gif',          //путь к изображению *required*

                  imageHeight: '122px',                    //высота  *required*

                  imageWidth: '40px',                    //width of tab image *required*     

                  tabLocation: 'left',                    //side of screen where tab lives, top, right, bottom, or left

                  speed: 300,                    //speed of animation

                  action: 'click',                    //options: 'click' or 'hover', action to trigger animation

                  topPos: '200px',                    //position from the top

                  fixedPosition: false                    //options: true makes it stick(fixed position) on scroll

              });

          });

          </script>

<div class="slide-out-div">

         <a class="handle" href="http://link-for-non-js-users">Content</a>

         <h3><span lang="ru">Контакты </span></h3>

   
<span lang="ru">Сюда можете вставить все что угодно :)


   


   Даже форму!</span></div>

<style type="text/css" media="screen">
.slide-out-div {
padding: 20px;
width: 250px;
background: #f2f2f2;
border: #29216d 2px solid;
}
</style>
<script src="/js/jquery.tabSlideOut.v1.2.js"></script>

           
  <script>
$(function(){
$('.slide-out-div').tabSlideOut({
tabHandle: '.handle',                    //класс элемента
pathToTabImage: 'images/contact_tab.gif',          //путь к изображению *required*
imageHeight: '122px',                    //высота  *required*
imageWidth: '40px',                    //width of tab image *required*     
tabLocation: 'left',                    //side of screen where tab lives, top, right, bottom, or left
speed: 300,                    //speed of animation
action: 'click',                    //options: 'click' or 'hover', action to trigger animation
topPos: '200px',                    //position from the top
fixedPosition: false                    //options: true makes it stick(fixed position) on scroll
});
});
</script>

<div class="slide-out-div">
<a class="handle" href="http://link-for-non-js-users">Content</a>
<h3><span lang="ru">Контакты </span></h3>
<br /><span lang="ru">Сюда можете вставить все что угодно :)<br />
<br />
Даже форму!</span></div>