Desaparecer Alerta

la alerta de confirmación de cada acción ya desaparece

resources/views/docentes.blade.php

@@ -5,8 +5,8 @@
 <div class="container mx-auto px-4 py-6">
     <!-- Encabezado -->
     @if(session('success'))
-        <div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded relative mb-4" role="alert">
-            <span class="block sm:inline">{{ session('success') }}</span>
+        <div id="success-message" class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded relative" role="alert">
+            {{ session('success') }}
         </div>
     @endif
 
@@ -139,17 +139,19 @@ function confirmarEliminacion(button) {
         }
     });
 }
-// Desaparecer el mensaje después de 3 segundos
-setTimeout(function() {
+
+document.addEventListener('DOMContentLoaded', function() {
     var message = document.getElementById('success-message');
     if (message) {
-        message.style.transition = 'opacity 0.5s ease';
-        message.style.opacity = '0';
         setTimeout(function() {
-            message.remove();
-        }, 500); // Tiempo para remover el elemento después de la transición
+            message.style.transition = 'opacity 0.5s ease';
+            message.style.opacity = '0';
+            setTimeout(function() {
+                message.remove();
+            }, 500);
+        }, 3000);
     }
-}, 3000); // Tiempo en milisegundos antes de comenzar a desap
+});
 </script>
 @endsection
 <!-- End Generation Here -->