title: hide sub menu with jquery by default and after click sub menu show and hide
body: <p>this is my html code</p>
  
  <pre><code>&lt;ul class="list"&gt;
      &lt;li class="pagenav"&gt;
      &lt;a title="Government" href="#"&gt;Government&lt;/a&gt;
          &lt;ul&gt;
              &lt;li class="page_item page-item-14"&gt;&lt;a href="#"&gt;Code of Ordinances&lt;/a&gt;&lt;/li&gt;
              &lt;li class="page_item page-item-5267"&gt;&lt;a href="#"&gt;Finance&lt;/a&gt;
                  &lt;ul class="children"&gt;
                      &lt;li class="page_item page-item-16"&gt;&lt;a href="#"&gt;Fiscal Year&lt;/a&gt;&lt;/li&gt;
                      &lt;li class="page_item page-item-5280"&gt;&lt;a href="#"&gt;Comprehensive&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
              &lt;li class="page_item page-item-5267"&gt;&lt;a href="#"&gt;Finance year&lt;/a&gt;
                  &lt;ul class="children"&gt;
                      &lt;li class="page_item page-item-16"&gt;&lt;a href="#"&gt;Year&lt;/a&gt;&lt;/li&gt;
                      &lt;li class="page_item page-item-5280"&gt;&lt;a href="#"&gt;Comprehensive year&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p><strong>by default show like that</strong></p>
  
  <pre><code>Government
  
  Code of Ordinances
  
  Finance
  
  Finance year
  </code></pre>
  
  <p><strong>and after click Finance show like that</strong></p>
  
  <pre><code>Government
  
  Code of Ordinances
  
  Finance
  
  Fiscal Year
  
  Comprehensive
  
  Finance year
  </code></pre>
  
  <p>i mean to say i want to hide sub menu of Finance and Finance year by default and after click Finance and Finance Year that time sub menu show &amp; hide</p>