Check more 增加样式

application/views/mobile_first/gh-pc.php

@@ -312,28 +312,30 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
     function loadScriptByAsync(src) {var asyncScript = document.createElement("script");asyncScript.async = true;asyncScript.crossorigin = "anonymous";asyncScript.src = src;firstScript=document.getElementsByTagName("script")[0];firstScript.parentNode.insertBefore(asyncScript, firstScript);}</script>
     <link rel="javascript" href=" https://data.globalhighlights.com/js/swiper-bundle-7.0.9.min.js">
 <script>
-    ((doc, buttonId, contentId) => {
+((doc, buttonId, contentId) => {
-      doc.addEventListener('DOMContentLoaded', () => {
+  doc.addEventListener('DOMContentLoaded', () => {
-        var moreButton = doc.getElementById(buttonId);
+    var moreButton = doc.getElementById(buttonId);
-        var contentDiv = doc.getElementById(contentId);
+    var contentDiv = doc.getElementById(contentId);
-        if (moreButton === null || contentDiv === null) {
+    var lastContentDiv = doc.getElementById(lastContentId);
-          console.error('CHECK MORE config error');
+    if (moreButton === null || contentDiv === null || lastContentDiv === null) {
-          return;
+      console.warn('CHECK MORE config error');
-        }
+      return;
-        moreButton.addEventListener('click', () => {            
+    }
-          moreButton.classList.add('gh-animate-fade-out');
+    moreButton.addEventListener('click', () => {            
-          setTimeout(() => {
+      moreButton.classList.add('gh-animate-fade-out');
-            moreButton.classList.add('gh-display-none');
+      setTimeout(() => {
-          }, 80);
+        moreButton.classList.add('gh-display-none');
-          contentDiv.classList.remove('gh-display-none');
+      }, 80);
-          setTimeout(() => {
+      contentDiv.classList.remove('gh-display-none');
-            contentDiv.classList.remove('gh-animate-slide-down');
+      lastContentDiv.classList.remove('normal_content');
-            contentDiv.classList.add('gh-animate-slide-up');
+      setTimeout(() => {
-          }, 0);
+        contentDiv.classList.remove('gh-animate-slide-down');
-        });
+        contentDiv.classList.add('gh-animate-slide-up');
-      });
+      }, 0);
-    })(document, 'checkMoreButton', 'moreContentDiv');
+    });
-    </script>
+  });
+})(document, 'checkMoreButton', 'moreContentDiv', 'lastContentDiv');
+</script>
 <!--@IN-ARTICLE-GOOGLE@-->
 <!--@ADDTHIS-WIDGET@-->
 <script type="application/ld+json">

application/views/mobile_first/gh.php

@@ -262,28 +262,30 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
     function loadScriptByAsync(src) {var asyncScript = document.createElement("script");asyncScript.async = true;asyncScript.crossorigin = "anonymous";asyncScript.src = src;firstScript=document.getElementsByTagName("script")[0];firstScript.parentNode.insertBefore(asyncScript, firstScript);}
 </script>
 <script>
-        ((doc, buttonId, contentId) => {
+((doc, buttonId, contentId) => {
-          doc.addEventListener('DOMContentLoaded', () => {
+  doc.addEventListener('DOMContentLoaded', () => {
-            var moreButton = doc.getElementById(buttonId);
+    var moreButton = doc.getElementById(buttonId);
-            var contentDiv = doc.getElementById(contentId);
+    var contentDiv = doc.getElementById(contentId);
-            if (moreButton === null || contentDiv === null) {
+    var lastContentDiv = doc.getElementById(lastContentId);
-              console.error('CHECK MORE config error');
+    if (moreButton === null || contentDiv === null || lastContentDiv === null) {
-              return;
+      console.warn('CHECK MORE config error');
-            }
+      return;
-            moreButton.addEventListener('click', () => {
+    }
-              moreButton.classList.add('gh-animate-fade-out');
+    moreButton.addEventListener('click', () => {            
-              setTimeout(() => {
+      moreButton.classList.add('gh-animate-fade-out');
-                moreButton.classList.add('gh-display-none');
+      setTimeout(() => {
-              }, 80);
+        moreButton.classList.add('gh-display-none');
-              contentDiv.classList.remove('gh-display-none');
+      }, 80);
-              setTimeout(() => {
+      contentDiv.classList.remove('gh-display-none');
-                contentDiv.classList.remove('gh-animate-slide-down');
+      lastContentDiv.classList.remove('normal_content');
-                contentDiv.classList.add('gh-animate-slide-up');
+      setTimeout(() => {
-              }, 0);
+        contentDiv.classList.remove('gh-animate-slide-down');
-            });
+        contentDiv.classList.add('gh-animate-slide-up');
-          });
+      }, 0);
-        })(document, 'checkMoreButton', 'moreContentDiv');
+    });
-        </script>
+  });
+})(document, 'checkMoreButton', 'moreContentDiv', 'lastContentDiv');
+</script>
 <!--@PRODUCT-JS@-->
 <!--@ADDON-JS@-->
 <!--@IN-ARTICLE-GOOGLE@-->