title: Function that dropdowns list of option in "select" element
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/249192/how-can-you-programmatically-tell-an-html-select-to-drop-down-for-example-due">How can you programmatically tell an HTML SELECT to drop down (for example, due to mouseover)?</a><br>
    <a href="https://stackoverflow.com/questions/4457076/show-select-dropdown-in-jquery">Show select dropdown in jQuery?</a>  </p>
  </blockquote>
  
  
  
  <p>Suppose i have an select element like this:</p>
  
  <pre><code>&lt;div&gt;
  &lt;label&gt;Colors&lt;/label&gt;
  &lt;select class="clients"&gt;
   &lt;option selected="selected"&gt;All&lt;/option&gt;
   &lt;option&gt;Blue&lt;/option&gt;
   &lt;option&gt;Green&lt;/option&gt;
   &lt;option&gt;Yellow&lt;/option&gt;
   &lt;option&gt;Brown&lt;/option&gt;
  &lt;/select&gt;
      &lt;img class="select-arrow" src="images/select-arrow.png" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>i'm very interested in how to dropdown list of option by clicking on the image, for now i've tried </p>
  
  <pre><code>$('document').ready(function(){
      $('.select-arrow').click(function(){
          $('.clients').focus();
      })
  })  
  </code></pre>
  
  <p>but not sucessed.</p>
  
  <p>Thanks in advance!</p>