Jquery integration with my theme
<p>I want to add a slide side ways jquery to my website, I tried the following code, but seems not to be working</p>

<p>Jquery code:-</p>

<pre><code>&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="http://tab-slide-out.googlecode.com/files/jquery.tabSlideOut.v1.3.js"&gt;&lt;/script&gt;

    &lt;script type="text/javascript"&gt;
    $(function(){
        $('.slide-out-div').tabSlideOut({
            tabHandle: '.handle',                     
            pathToTabImage: 'images/contact_tab.gif', 
            imageHeight: '122px',                     
            imageWidth: '40px',                       
            tabLocation: 'left',                      
            speed: 300,                               
            action: 'click',                          
            topPos: '200px',                          
            leftPos: '20px',                          
            fixedPosition: false                      
        });

    });

    &lt;/script&gt;
</code></pre>

<p>Div &amp; CSS code:</p>

<pre><code> &lt;style type="text/css"&gt;

      .slide-out-div {
          padding: 20px;
          width: 250px;
          background: #ccc;
          border: 1px solid #29216d;
      }      
      &lt;/style&gt;
&lt;div class="slide-out-div"&gt;
            &lt;a class="handle" href="#"&gt;Content&lt;/a&gt;
            &lt;h3&gt;Contact me&lt;/h3&gt;
            &lt;p&gt;Hello
            &lt;/p&gt;
            &lt;p&gt;Welcome to my Blog&lt;/p&gt;
        &lt;/div&gt;
</code></pre>

<p>When I tried the above code into my header file, and the div code in the footer file,
The DIV box appears to be slided outside but doesn't goes inside , the jquery is not working and the image contact_tab.gif is not displayed and my google maps on my website doesn't loads, I know this is because of wrong integration of jquery but I don't know how to integrate it with wordpress themes</p>
