jQuery hide dropdown box if select option contains one entry
<p>I'm trying to hide a dropdown box if the select option contains only one entry. (like below) I only want to hide the first drop downbox in this case whilst the second box should remain visible.</p>

<pre><code>&lt;div class="dropdown-filter-div"&gt;
&lt;select&gt;
&lt;option value=""&gt;Gifts/Offers&lt;/option&gt;
&lt;/select&gt;
&lt;/div&gt;

&lt;div class="dropdown-filter-div"&gt;
&lt;select&gt;
&lt;option value=""&gt;Gifts/Offers&lt;/option&gt;
&lt;option value="Gift"&gt;Gift&lt;/option&gt;
&lt;option value="Gift"&gt;Gift&lt;/option&gt;
&lt;option value="Gift"&gt;Gift&lt;/option&gt;
&lt;/select&gt;
&lt;/div&gt;
</code></pre>

<p>I don't know how to start it though, here's what I want to do.. (I also have two of these in different tabs on the page in question.</p>

<pre><code>if ($(".dropdown-filter-div &gt; select &gt; option")) contains 1 option {
  $(".dropdown-filter-div &gt; select).hide();
});
</code></pre>

<p>EDIT</p>

<p><a href="http://mobilereactor.co.uk/shop/mobile-phones/apple-iphone-6s-plus-128gb-rose-gold-deals/" rel="nofollow">http://mobilereactor.co.uk/shop/mobile-phones/apple-iphone-6s-plus-128gb-rose-gold-deals/</a> mobile version (need a user agent switcher) with a popular mobile user agent to view problem.</p>

<p>Currently using @Kim Gysen</p>

<pre><code>jQuery(document).ready(function($) {
  var $el = $('.dropdown-filter &gt; select &gt; option'); 
  console.log($el.length); 
  if($el.length == 1){
      $el.parent().hide(); 
  }
}); 
</code></pre>

<p>at the end of jq-assets.js but its not working. @Kim Gysen</p>