Demo: Hide browser support message by default.

blueimp · blueimp · commit 3c6f4b55f822 · 2020-05-04T01:56:25.000+09:00
diff --git a/index.html b/index.html
@@ -111,7 +111,7 @@ <h2>Result</h2>
       <button type="button" id="cancel">Cancel</button>
     </p>
     <div id="result">
-      <p>
+      <p style="display: none;">
         This demo works only in browsers with support for the
         <a href="https://developer.mozilla.org/en/DOM/window.URL">URL</a> or
         <a href="https://developer.mozilla.org/en/DOM/FileReader">FileReader</a>
diff --git a/js/demo/demo.js b/js/demo/demo.js
@@ -193,14 +193,16 @@ $(function () {
     if (url) displayImage(url)
   }
 
-  // Hide URL/FileReader API requirement message in capable browsers:
+  // Show the URL/FileReader API requirement message if not supported:
   if (
     window.createObjectURL ||
     window.URL ||
     window.webkitURL ||
     window.FileReader
   ) {
-    result.children().hide()
+    result.children().remove()
+  } else {
+    result.children().show()
   }
 
   $(document)
