title: Horizontal menu with jQuery
body: <p>I began to learn HTML, CSS and Javascript 2 weeks ago and I'm stuck at this.</p>
  
  <p>What i want is simply show the submenu when the menu is clicked.</p>
  
  <p>I've read a lot about these. I've even found some similar questions but i just can't use the scripts.</p>
  
  <p>It just don't work.</p>
  
  <p>Here's the HTML.</p>
  
  <pre><code>&lt;body&gt;
  
    &lt;ul id="menu"&gt;
       &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href="#"&gt;Services&lt;/a&gt;
          &lt;ul class="submenu"&gt;
             &lt;li&gt;&lt;a href="#"&gt;Serv 1&lt;/a&gt;&lt;/li&gt;
             &lt;li&gt;&lt;a href="#"&gt;Serv 2&lt;/a&gt;&lt;/li&gt;
             &lt;li&gt;&lt;a href="#"&gt;Serv 2&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
  
       &lt;/li&gt;
       &lt;li&gt;&lt;a href="#"&gt;Products&lt;/a&gt;
          &lt;ul class="submenu"&gt;
             &lt;li&gt;&lt;a href="#"&gt;Prod 1&lt;/a&gt;&lt;/li&gt;
             &lt;li&gt;&lt;a href="#"&gt;Prod 2&lt;/a&gt;&lt;/li&gt;
             &lt;li&gt;&lt;a href="#"&gt;Prod 2&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
  
       &lt;/li&gt;
       &lt;li&gt;&lt;a href="#"&gt;Customer&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href="#"&gt;Contact&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  </code></pre>
  
  <p></p>
  
  <p>Here is the Fiddle for it : <a href="http://jsfiddle.net/skV4h/" rel="nofollow">http://jsfiddle.net/skV4h/</a>, with the CSS and jQuery.</p>
  
  <p>I'd be glad if anyone could help me.</p>
  
  <p>Thanks in advance.</p>