Update index.html

index.html

@@ -930,21 +930,29 @@
         });
 
         // Обработчики для мобильных описаний
-        document.querySelectorAll('.material-card').forEach(card => {
-            card.addEventListener('click', function(e) {
-                if (window.matchMedia("(max-width: 768px)").matches) {
+    document.querySelectorAll('.material-card').forEach(card => {
+        card.addEventListener('click', function(e) {
+            if (window.matchMedia("(max-width: 768px)").matches) {
+                // Проверяем что клик не внутри описания
+                if (!e.target.closest('.material-description')) {
+                    // Закрываем все другие карточки
+                    document.querySelectorAll('.material-card').forEach(c => {
+                        if (c !== this) c.classList.remove('active');
+                    });
+                    // Переключаем текущую карточку
                     this.classList.toggle('active');
                 }
-            });
+            }
         });
+    });
 
         document.addEventListener('click', (e) => {
-            if (!e.target.closest('.material-card') && window.matchMedia("(max-width: 768px)").matches) {
-                document.querySelectorAll('.material-card').forEach(card => {
-                    card.classList.remove('active');
-                });
-            }
-        });
+        if (!e.target.closest('.material-card') && window.matchMedia("(max-width: 768px)").matches) {
+            document.querySelectorAll('.material-card').forEach(card => {
+                card.classList.remove('active');
+            });
+        }
+    });
     </script>
 </body>
 </html>