AWV-3: Adding CSS3 animations to the CINE dialog

Packages/viewerbase/lib/toggleDialog.js

@@ -1,8 +1,6 @@
-toggleDialog = function(element) {
-    var elem = $(element);
-    if (elem.css('display') === 'none') {
-        elem.css('display', 'block');
-    } else {
-        elem.css('display', 'none');
-    }
-};
+toggleDialog = element => {
+    const $element = $(element);
+    const isClosed = $element.hasClass('dialog-open');
+    $element.toggleClass('dialog-closed', isClosed);
+    $element.toggleClass('dialog-open', !isClosed);
+};