title: Jquery Accordion alternate colors
body: <p>Hi i have jquery accordion,
  iam trying to give alternate colors upto 9th position its wokring fine but from 10th postion color is not getting effected,</p>
  
  <pre><code>     .ui-accordion .ui-accordion-header:first-of-type {
           background-color : #CACACA;
      }
     .ui-accordion .ui-accordion-header:nth-of-type(2) {
           background-color :  #B1DFE5
      } 
      .
      .
      .
     .ui-accordion .ui-accordion-header:nth-of-type(10) {
           background-color :  #B1DFE5
      }
  
       // This color is not getting applied
  </code></pre>
  
  <p>I have tried with other CSS code like</p>
  
  <pre><code>      .ui-accordion .ui-accordion-header:last-of-type{
           background-color :  #CACACA;
      }
      // This is also not working
  </code></pre>
  
  <p>Could any one please help me how to fill color from 10th postion to 15th position with alternate colors.</p>
  
  <p>Here is my code in asp</p>
  
  <pre><code>         &lt;div id="accordion"&gt;
             &lt;h3&gt;Project 1&lt;/h3&gt;
                &lt;div&gt;
                &lt;p&gt;&lt;strong&gt;TEAM:&lt;/strong&gt;A, B , C &lt;/p&gt; 
                &lt;/div&gt;
                &lt;h3&gt;Project2 &lt;/h3&gt;
                &lt;div&gt;
                &lt;p&gt;&lt;strong&gt;TEAM:&lt;/strong&gt;A, B , C &lt;/p&gt; 
                &lt;/div&gt;
                .
                .
                .
  
                 &lt;h3&gt;Project 10 &lt;/h3&gt;
                &lt;div&gt;
                &lt;p&gt;&lt;strong&gt;TEAM:&lt;/strong&gt;A, B , C &lt;/p&gt; 
                &lt;/div&gt;
                &lt;h3&gt;Project 11&lt;/h3&gt;
                &lt;div&gt;
                &lt;p&gt;&lt;strong&gt;TEAM:&lt;/strong&gt;A, B , C &lt;/p&gt; 
                &lt;/div&gt;
  
          &lt;/div&gt;
  </code></pre>
  
  <p>I want to show all these projects in accordion with alternate colors</p>
  
  <p>Thanks in Advance</p>