perf: Optimize JS

static/scripts/animation.js

@@ -0,0 +1,28 @@
+function showPopup() {
+  const popup = document.getElementById("popup");
+  const sqlInpt = document.getElementById("sqlInpt");
+
+  popup.classList.remove('slideoutHelp');
+  sqlInpt.classList.remove('slideoutInpt');
+  popup.style.display = "block";
+
+  setTimeout(() => {
+    popup.classList.add('slideinHelp')
+    sqlInpt.classList.add('slideinInpt')
+  }, 1);
+}
+
+function hidePopup() {
+  const popup = document.getElementById("popup");
+  const sqlInpt = document.getElementById("sqlInpt");
+
+  sqlInpt.classList.remove('slideinInpt');
+  sqlInpt.classList.add('slideoutInpt')
+  popup.classList.remove('slideinHelp');
+  popup.classList.add('slideoutHelp');
+
+  setTimeout(() => {
+    popup.style.display = "none"
+    popup.style.position = "absolute"
+  }, 1000);
+}