Update script.js

Author: CodeHimBlog

js/script.js

@@ -7,17 +7,17 @@ document.addEventListener("DOMContentLoaded", function () {
         const contributors = Array.from(contributorsList.getElementsByClassName("contributor-item"));
         const totalContributors = contributors.length;
 
-        // Function to toggle contributors visibility
+        // Function to toggle visibility of contributors
         function toggleContributors() {
             const isExpanded = toggleContributorsLink.textContent.includes("View Less");
 
             // Toggle visibility
             contributors.forEach((contributor, index) => {
                 if (index >= maxVisibleContributors) {
                     if (isExpanded) {
-                        contributor.classList.add("d-none");
+                        contributor.classList.add("d-none"); // Hide beyond maxVisibleContributors
                     } else {
-                        contributor.classList.remove("d-none");
+                        contributor.classList.remove("d-none"); // Show all contributors
                     }
                 }
             });
@@ -28,13 +28,20 @@ document.addEventListener("DOMContentLoaded", function () {
                 : "View Less";
         }
 
-        // Add the click event listener
+        // Initial setup to ensure only the first 5 contributors are visible
+        contributors.forEach((contributor, index) => {
+            if (index >= maxVisibleContributors) {
+                contributor.classList.add("d-none"); // Hide contributors beyond maxVisibleContributors
+            }
+        });
+
+        // Set the initial link text
+        toggleContributorsLink.textContent = `+${totalContributors - maxVisibleContributors} more Contributors`;
+
+        // Add click event listener
         toggleContributorsLink.addEventListener("click", function (e) {
             e.preventDefault();
             toggleContributors();
         });
-
-        // Initial state setup (if necessary)
-        toggleContributors(); // Ensure initial DOM state matches the button state
     }
 });