title: how can i add class before all active li
body: <p>what i want do add class before active class all LI bellow is something like code will be </p>
  
  <p>say when current class 3 number li then add class 1 and 2 li too</p>
  
  <pre><code>&lt;ul id="nav"&gt;
        &lt;li class="bar"&gt;&lt;a href="#"&gt;&lt;span&gt;Home&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;li class="bar" &gt;&lt;a href="#"&gt;&lt;span&gt;Products&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;li class="current"&gt;&lt;a href="#"&gt;&lt;span&gt;Rentals&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;&lt;span&gt;Company&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
         &lt;li&gt;&lt;a href="#"&gt;&lt;span&gt;Services&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;&lt;span&gt;Location&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;&lt;span&gt;Contact Us&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  </code></pre>
  
  <p>same when 5th number li active </p>
  
  <pre><code> &lt;ul id="nav"&gt;
            &lt;li class="bar"&gt;&lt;a href="#"&gt;&lt;span&gt;Home&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li class="bar" &gt;&lt;a href="#"&gt;&lt;span&gt;Products&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li class="bar" &gt;&lt;a href="#"&gt;&lt;span&gt;Rentals&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li class="bar" &gt;&lt;a href="#"&gt;&lt;span&gt;Company&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li class="current"&gt;&lt;a href="#"&gt;&lt;span&gt;Services&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;&lt;span&gt;Location&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;&lt;span&gt;Contact Us&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
  </code></pre>
  
  <p>i trying . if i can make it something then i will keep update here</p>