Question

I have two select inputs set to display:none. Based on change() in another element I use jQuery to show() or hide() them. All of my browser tests look great except for Chrome which dies with the “Something went wrong…” message. Here is my function

   $(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");
        }
      }
    });

Anyone have any advice on this?

Answer 1

Per naivists’ comment above I tried calling hide() with no parameters. This did not resolve the issue but removing the args from both show() and hide() did resolve Chrome’s issue.