title: Showing and Hiding Select Elements Kills Chrome
body: <p>I have two select inputs set to display:none.  Based on <code>change()</code> in another element I use jQuery to <code>show()</code> or <code>hide()</code> them.  All of my browser tests look great except for Chrome which dies with the "Something went wrong..." message.  Here is my function </p>
  
  <pre><code>   $(document).ready(function(){
      $("#supplier_type").change(function () {
        if ($("#supplier_type").val() == 'Wholesaler') {
          $("#retail_fulfillment").hide("slow");
          $("#retail_fulfillment").val("");
          $("#wholesale_fulfillment").show("slow");
        } else {
          if ($("#supplier_type").val() == 'Retailer') {
          $("#wholesale_fulfillment").hide("slow");
          $("#wholesale_fulfillment").val("");
          $("#retail_fulfillment").show("slow");
          }
        }
      });
  </code></pre>
  
  <p>Anyone have any advice on this?</p>