title: jQuery - slideUp / slideDown not working on ul?
body: <p>I have the following code in my masterpage:</p>
  
  <p>jQuery:</p>
  
  <pre><code>$(window).load(function () {
      $("li.submenu").hover(
          function () { $(this).find("ul").slideDown("slow"); },
          function () { $(this).find("ul").slideUp("slow"); }
      );
  });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;ul class="menu" runat="server" id="Menu"&gt;
      &lt;li class="first" runat="server"&gt;&lt;asp:HyperLink runat="server" NavigateUrl="/index.aspx"&gt;Home&lt;/asp:HyperLink&gt;&lt;/li&gt;
      &lt;li class="submenu" runat="server"&gt;
          &lt;asp:HyperLink runat="server" NavigateUrl="/categories/index.aspx"&gt;Products&lt;/asp:HyperLink&gt;
          &lt;ul runat="server"&gt;
              &lt;li runat="server"&gt;&lt;asp:HyperLink runat="server" NavigateUrl="/categories/category1.aspx"&gt;Dogs&lt;/asp:HyperLink&gt;&lt;/li&gt;
              &lt;li runat="server"&gt;&lt;asp:HyperLink runat="server" NavigateUrl="/categories/category2.aspx"&gt;Category 2&lt;/asp:HyperLink&gt;&lt;/li&gt;
              &lt;li runat="server"&gt;&lt;asp:HyperLink runat="server" NavigateUrl="/categories/category3.aspx"&gt;Category 3&lt;/asp:HyperLink&gt;&lt;/li&gt;
              &lt;li runat="server"&gt;&lt;asp:HyperLink runat="server" NavigateUrl="/categories/category4.aspx"&gt;Category 4&lt;/asp:HyperLink&gt;&lt;/li&gt;
              &lt;li runat="server"&gt;&lt;asp:HyperLink runat="server" NavigateUrl="/categories/category5.aspx"&gt;Category 5&lt;/asp:HyperLink&gt;&lt;/li&gt;
              &lt;li class="last" runat="server"&gt;&lt;asp:HyperLink runat="server" NavigateUrl="/categories/category6.aspx"&gt;Category 6&lt;/asp:HyperLink&gt;&lt;/li&gt;
           &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class="last" runat="server"&gt;&lt;asp:HyperLink runat="server" NavigateUrl="/contact.aspx"&gt;Contact Us&lt;/asp:HyperLink&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>If I changed this to <code>toggle("slide")</code> it slides in from one side and then exits on the same side when the mouse enters and leaves the <code>li.submenu</code>. This means that the elements exist for definite, and there are no typos. However the slideDown and slideUp functions do not seem to be functioning (unless slow means ultra fast...).</p>
  
  <p>The files I am including for jQuery and jQuery UI are jquery-1.4.2.js and jquery-ui-1.7.2.custom.min.js. This is enough, isn't it?</p>
  
  <p>I have CSS to specify that the submenu is displayed or hidden instantly (<code>display: block;</code> / <code>display: none;</code>) in case the user does not have JS. Is there any chance that this is causing the problem? Should I alter the class of the submenu using JS so that the CSS cannot act on it if JS is enabled? Or is there some other problem which is not caused by the CSS?</p>