title: How To Highlight Parent <Li> When Child <Li> Is Active using jquery
body: <p>I have a sidebar which include links and sub links.<br>
  Here is my code -  </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="mySidenav" class="sidenav"&gt;
    &lt;ul style='list-style:none;'&gt;
      &lt;li&gt;&lt;a href="&lt;?php echo site_url('admin/dashboard'); ?&gt;"&gt;Dashboard&lt;/a&gt;&lt;/li&gt;
      &lt;li id='post_list'&gt; &lt;a href="#"&gt;Posts&lt;/a&gt;
        &lt;ul style='list-style:none;' id='sub_links'&gt;
          &lt;li&gt;&lt;a href='&lt;?php echo site_url('admin/all_posts'); ?&gt;'&gt;All&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='&lt;?php echo site_url('admin/add_post'); ?&gt;'&gt;Add&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='&lt;?php echo site_url('admin/post_categories'); ?&gt;'&gt;Category&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li id='post_list'&gt; &lt;a href="#"&gt;Pages&lt;/a&gt;
        &lt;ul style='list-style:none;' id='sub_links'&gt;
          &lt;li&gt;&lt;a href='&lt;?php echo site_url('admin/all_pages'); ?&gt;'&gt;All&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='&lt;?php echo site_url('admin/add_page'); ?&gt;'&gt;Add&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href="#" class='media_upload'&gt;Media&lt;/a&gt;&lt;/li&gt;
      &lt;li id='post_list'&gt; &lt;a href="#"&gt;User&lt;/a&gt;
        &lt;ul style='list-style:none;' id='sub_links'&gt;
          &lt;li&gt;&lt;a href='&lt;?php echo site_url('admin/all_users'); ?&gt;'&gt;All&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='&lt;?php echo site_url('admin/add_new_user'); ?&gt;'&gt;Add&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href='&lt;?php echo site_url('admin/user_profile'); ?&gt;'&gt;Profile&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Setting&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="&lt;?php echo site_url('admin/logout')?&gt;"&gt;Logout&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>My question is how to set active class to parent li when it's child li is clicked?<br>
  Thanks.</p>