title: Hide all li elements and show the first 2 and toggle them by button
body: <p>Assume I have</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;2&lt;/li&gt;
      &lt;li&gt;3&lt;/li&gt;
      &lt;li&gt;4&lt;/li&gt;
      &lt;li&gt;5&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I want jQuery code to hide all <code>&lt;li&gt;</code> then show the fist and the second one
  then <code>append()</code> an additional <code>&lt;li&gt;more&lt;/li&gt;</code> that is used to toggle the
  hidden li.</p>