title: Want to apply different classes to each selected menu elements
body: <p>Hi i am having an issues with the customizing of wordpress menu theme. I want to apply different classes on each of the selected menu. </p>
  
  <p>This is exactly what i want.</p>
  
  <pre><code>&lt;ul&gt;
  &lt;li class="item1"&gt;Home Page&lt;/li&gt;
  &lt;li class="item2"&gt;About Page&lt;/li&gt;
  &lt;li class="item3"&gt;Contact Page&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>When the menu item is clicked different classes would be applied on each of the selected menu item
  For example i want to click menu item1 a class active1 should be added to the selected <li> element simillary if i clicked item2 a class active2 should be added to the selected <li> element</p>
  
  <p>This is how i am trying to achieve this but its not working</p>
  
  <pre><code>    add_filter('nav_menu_css_class' , 'special_nav_class' , 10 , 2);
      function special_nav_class($classes, $item){
  
       if ($item == 'Home Page') {        
  if( in_array('current-menu-item', $classes) ){
                      $classes[] = 'active1';
                  }
      }
  
  if ($item == 'Home Page') {         
  if( in_array('current-menu-item', $classes) ){
                      $classes[] = 'active2';
                  }
      }
           return $classes;
  
      }
  </code></pre>
  
  <p>Can Anyone please help me? Thanks in Advance</p>