hide links in spoilers but still prevent clicking them if u cant see them

files/assets/css/main.css

@@ -5240,6 +5240,17 @@ span.green {
 .spoiler:hover img, spoiler:hover img {
 	visibility: visible;
 }
+.spoiler a, spoiler a {
+	visibility: hidden;
+}
+.spoiler:hover a[clicked], spoiler:hover a[clicked] {
+	visibility: visible;
+}
+@media (min-width: 768px) {
+	.spoiler:hover a, spoiler:hover a {
+		visibility: visible;
+	}	
+}
 
 @media (min-width: 768px) {
 	.comment {

files/assets/js/bottom.js

@@ -221,6 +221,19 @@ document.addEventListener("click", function (e) {
 				i.removeAttribute("data-bs-dismiss")
 		});
 	}
+
+	if (screen_width < 768) {
+		if (element.tagName == 'SPOILER') {
+			for (const a of element.getElementsByTagName('a')) {
+				a.setAttribute('clicked', true)
+			}
+		}
+		else if (element.tagName != 'A') {
+			for (const a of document.querySelectorAll('a[clicked]')) {
+				a.removeAttribute('clicked')
+			}
+		}
+	}
 });
 
 const inputs = document.querySelectorAll('input[type="number"]')