title: Change Accordion arrow position
body: <p>I am new to jquery Mobile. I created an Accordion, But I want the arrow on it to appear on Right side.
  Can anyone help me?</p>
  
  <p>Below is my code.</p>
  
  <pre><code>&lt;div class="accordion" id = "accordion"&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>body {
      background-color: #333333;
      .accordion h3 a {
          width:50%
      }
      .accordion h3 a .ui-icon {
          float:right
      }
  }
  </code></pre>
  
  <p>Then i loaded my Accordion with arrays</p>
  
  <pre><code>for (i=0;i&lt;names.length;i++)
    {               
        var newDiv = "&lt;h3&gt;"+names[i]+"&lt;/h3&gt;&lt;p&gt;"+subnames[i]+"&lt;/p&gt;";
         $('.accordion').append(newDiv)
         $('.accordion').accordion("refresh");
  
  }
  </code></pre>