Slideshow controls jQuery
<p>I have a slideshow im trying to make slide left and right when a control is clicked only im struggling.</p>

<p>The markup is...</p>

<p>
                
                Left
                
                    
                    
                    
                 
                right
                </p>

<pre><code>            &lt;div class="clear"&gt;&lt;/div&gt;

            &lt;div id="promotional-slide"&gt;
                &lt;div class="cover"&gt;
                    &lt;div class="promo-section one"&gt;
                      &lt;span class="text-one"&gt;Buy the cheapest heating oil in the UK with our exclusive Web Oil Price Guarantee&lt;/span&gt;
                      &lt;span class="text-two"&gt;Your village&lt;/span&gt;
                    &lt;/div&gt;
                     &lt;div class="promo-section two"&gt;


                    &lt;/div&gt;
                    &lt;div class="promo-section three"&gt;


                    &lt;/div&gt;
                &lt;/div&gt; &lt;!-- end of div cover --&gt;
            &lt;/div&gt;  &lt;!-- end of div promotional-slide --&gt;
        &lt;/div&gt;
</code></pre>

<p>And my jQuery is...</p>

<pre><code>$('.scroll-right').click(function(){
    $('#promotional-slide .cover').animate({left:-640})  
});

$('.scroll-left').click(function(){
    $('#promotional-slide .cover').animate({left:640})  
}); 
</code></pre>
