title: How do I slide/open specific menu item using javascript / jquery on page load?
body: <p>I'm new to java and jquery scripting, I've managed to learn how to open menu on item mouse click, but how do I open specific menu on page load?</p>
  
  <p>I'm using this:</p>
  
  <pre><code>&lt;!-- menu --&gt;
  &lt;div id="menuone"&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&gt;About&lt;/a&gt;
              &lt;ul&gt;
                  &lt;li&gt;&lt;a href="#"&gt;one&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;two&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;three&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;a&gt;Projects&lt;/a&gt;
              &lt;ul&gt;
                  &lt;li&gt;&lt;a href="#"&gt;project1&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;project2&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;project3&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  &lt;!-- menu end --&gt;
  </code></pre>
  
  <p>and my javascript on click is this:</p>
  
  <pre><code>function initMenu() {
    $('#menu ul').hide();
    $('#menu li a').click(
      function() {
           $(this).next().slideToggle('normal');               
        }
      );
    } 
   $(document).ready(function() {initMenu();});
  </code></pre>
  
  <p>but my quest is: how do I open specific item(s) on page load? How do I open menu item 2 for example ("about"), or menu utem 3 ("projects"), etc...?</p>