title: Collapsible list
body: <p>I need to make level three menu collapsible by default and when user click on the level 3 menu  it should expand if it has level 3 element.</p>
  
  <p>Example <a href="http://jsfiddle.net/Ed9nk/8/" rel="nofollow">http://jsfiddle.net/Ed9nk/8/</a></p>
  
  <p>In above mentioned example i want <code>Grand Child Menu</code>/ level 3 menus to be collapsed by default and it should expand when one clicked on the parent menu.</p>
  
  <p>I tried to add following script but is not working.</p>
  
  <pre><code>//Collapseble MEGA Menu
  //initMenu();
  
  function initMenu() {
      $('.dropdown .has-panel div').hide();
      $('.dropdown .has-panel ul').hide();
      $('.dropdown .has-panel ul li a').click(
  
  function () {
      $('.dropdown .has-panel ul').hide('normal');
      $(this).next().slideToggle('normal');
  });
  }
  </code></pre>
  
  <p>I have commented the <code>initMenu();</code> in the fiddle example as it breaks the formating.</p>