diff --git a/site/js/comments.js b/site/js/comments.js
index f71a143..eb7ef77 100644
--- a/site/js/comments.js
+++ b/site/js/comments.js
@@ -1,4 +1,12 @@
-fetchComments();
+let commentsLoaded = false;
+const details = document.getElementById("comments-container");
+details.addEventListener("toggle", (even) => {
+	if (details.open && !commentsLoaded) {
+		fetchComments().then(() => {
+			commentsLoaded = true;
+		});
+	}
+});
 
 async function fetchComments() {
 	const res = await fetch(`/comments?id=${permalink}`);