title: Open submenu on click, jquery
body: <p>I want that if we click on a list which has children, children ul (submenus) to show up. Standard menu - submenu system that we see around. I tried a code which is not working. Probably you have better idea ?</p>
  
  <p><a href="http://jsfiddle.net/JeremyCh/BjTYY/2/" rel="nofollow">http://jsfiddle.net/JeremyCh/BjTYY/2/</a></p>
  
  <pre><code>&lt;div class="menu"&gt;
    &lt;ul&gt;
      &lt;li class="page_item page-item-2"&gt;&lt;a href="/accueil/"&gt;Accueil&lt;/a&gt;&lt;/li&gt;
      &lt;li class="page_item page-item-8"&gt;&lt;a href="/disciplines/"&gt;Disciplines&lt;/a&gt;
        &lt;ul class='children'&gt;
          &lt;li class="page_item page-item-19"&gt;&lt;a href="/disciplines/galerie/"&gt;Galerie&lt;/a&gt;&lt;/li&gt;
          &lt;li class="page_item page-item-21"&gt;&lt;a href="/disciplines/definitions/"&gt;Définitions&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class="page_item page-item-10"&gt;&lt;a href="/professeurs/"&gt;Professeurs&lt;/a&gt;&lt;/li&gt;
      &lt;li class="page_item page-item-11"&gt;&lt;a href="/planning/"&gt;Planning&lt;/a&gt;&lt;/li&gt;
      &lt;li class="page_item page-item-12"&gt;&lt;a href="/tarifs/"&gt;Tarifs&lt;/a&gt;
        &lt;ul class='children'&gt;
          &lt;li class="page_item page-item-23"&gt;&lt;a href="/tarifs/cours/"&gt;Cours&lt;/a&gt;&lt;/li&gt;
          &lt;li class="page_item page-item-25"&gt;&lt;a href="/tarifs/location/"&gt;Location&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class="page_item page-item-13"&gt;&lt;a href="/contact/"&gt;Contact&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  
  
  jQuery(document).ready(function() {
      jQuery('.menu').find('&gt; li').click(function() {
          jQuery('.menu &gt; li').not(this).find('ul').slideUp();
          jQuery(this).find('ul').stop(true, true).slideToggle(300);
          return false;
      }); 
  })
  </code></pre>