title: Open list dropdown with click another div
body: <p>I have code about the dropdown select option, I have to try my code work when I click </p>
  
  <pre><code>&lt;div class="field-placeholder"&gt;&lt;span&gt;Select Yuor Subject&lt;/span&gt;&lt;/div&gt;
  </code></pre>
  
  <p>the dropdown will expand list option, but now I must double click on the same point, to expand option</p>
  
  <p>I have tried using 
  dblclick() 
  mouseover()
  but doesn't work</p>
  
  <p>any idea
  this is my work</p>
  
  <p><a href="https://jsfiddle.net/ravizikrillah/m6Lc5jwn/2/" rel="nofollow noreferrer">https://jsfiddle.net/ravizikrillah/m6Lc5jwn/2/</a></p>