simple jquery accordian code not working
<p>I have a jquery accordian with 5 different colors, see link <a href="http://www.photorestorationexpert.co.uk/testFolder/indexCb1Accordian.html" rel="nofollow">http://www.photorestorationexpert.co.uk/testFolder/indexCb1Accordian.html</a>. Need an explanation as to why it is not working as I have no idea why. 
When I click on the Welcome slice, it doesn't seem to slide down revealing the content
This is the jquery code:</p>

<pre><code>$(document).ready(function() {
   $('#va-accordion .va-content').hide();
   $('.va-slice').click(function(){
           $('#va-accordion .va-content').slideUp();
           $(this).parent().next().slideDown();
           return false;
   });
</code></pre>

<p>});</p>

<p>Here is the html to the above code:</p>

<pre><code>&lt;div id="va-accordion"&gt;     
&lt;div class="va-slice va-slice-1"&gt;
&lt;h2 class="va-heading"&gt;Welcome&lt;/h2&gt;
&lt;div class="va-content"&gt;Nam facilisis convallis elit ac.&lt;/div&gt;  
&lt;/div&gt;

&lt;div class="va-slice va-slice-2"&gt;
&lt;h2 class="va-heading"&gt;About&lt;/h2&gt;
&lt;div class="va-content"&gt;&lt;/div&gt;  
&lt;/div&gt;

&lt;div class="va-slice va-slice-3"&gt;
&lt;h2 class="va-heading"&gt;What To Expect&lt;/h2&gt;
&lt;div class="va-content"&gt;&lt;/div&gt;  
&lt;/div&gt;

&lt;div class="va-slice va-slice-4"&gt;
&lt;h2 class="va-heading"&gt;Prices&lt;/h2&gt;
&lt;div class="va-content"&gt;&lt;/div&gt;  
&lt;/div&gt;

&lt;div class="va-slice va-slice-5"&gt;
&lt;h2 class="va-heading"&gt;Contact&lt;/h2&gt;
&lt;div class="va-content"&gt;&lt;/div&gt;  
&lt;/div&gt;
</code></pre>

<p></p>
