Message: 'jQuery' is null or not an object
<p>I have a sidebar menu on the website <a href="http://www.cateringhygiene.co.uk/shop/" rel="nofollow">http://www.cateringhygiene.co.uk/shop/</a> on the left hand side, which contains all categories within the shop for users to browse. This works in all browsers apart from Internet Explorer 8 (and ONLY version 8).</p>

<p>The error I am receiving is "Message: 'jQuery' is null or not an object". I've pasted my code below and hopefully you will be able to shed a bit of light as to why this is happening for me, and hopefully it will benefit others too!</p>

<pre><code>    &lt;script type="text/javascript"&gt;
        var jQuery = jQuery.noConflict(); 
        jQuery(document).ready(function () {
          jQuery('#sidenav &gt; li &gt; a.show-cat').click(function(){
            jQuery('#sidenav li ul').slideUp();
            if (!jQuery(this).hasClass('active')){                
              jQuery(this).next().slideToggle();
              jQuery('#sidenav li a.show-cat').removeClass('active');
              jQuery(this).addClass('active');
            }
            else if (jQuery(this).hasClass('active')) {
                jQuery(this).removeClass('active');
            }
          });
          jQuery('#sidenav &gt; li &gt; ul &gt; li &gt; a.show-cat').click(function(){
            jQuery('#sidenav li ul li ul').slideUp();
            if (!jQuery(this).hasClass('active')){
              jQuery(this).next().slideToggle();
              jQuery('#sidenav li ul li a.show-cat').removeClass('active');
              jQuery(this).addClass('active');
            }
            else if (jQuery(this).hasClass('active')) {
                jQuery(this).removeClass('active');
            }
          });
        });
    &lt;/script&gt;
</code></pre>

<p>Any help would be massively appreciated.</p>

<p>Many thanks!
Tom</p>
