title: add class active on li tag after page refresh
body: <p>I have a menu that has the route like this:</p>
  
  <p>(about / services / basic services)</p>
  
  <p>I want when I click on "basic services" after the page refresh the active <code>li</code> goes on "basic services" <code>li</code> tag, and other tags removed from <code>active</code> class. How can I do it?</p>
  
  <pre><code>&lt;nav id="menu"&gt;
      &lt;ul&gt;
         &lt;li class="active"&gt;&lt;a href="#/"&gt;Home&lt;/a&gt;&lt;/li&gt;
         &lt;li&gt;&lt;span&gt;About&lt;/span&gt;
             &lt;ul&gt;
                 &lt;li&gt;&lt;span&gt;Services&lt;/span&gt;
                      &lt;ul&gt;
                          &lt;li&gt;&lt;a href="./index.html"&gt;basic sevices&lt;/a&gt;&lt;/li&gt;
                       &lt;/ul&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
         &lt;/li&gt;
         &lt;li&gt;&lt;a href="#/contact"&gt;Contact&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/nav&gt;
  </code></pre>