Update audio.js

audio.js

@@ -5,9 +5,6 @@ document.addEventListener('DOMContentLoaded', function () {
     container.addEventListener('click', function () {
       const audio = this.querySelector('audio');
 
-      // Toggle the display of the audio element
-      audio.classList.toggle('d-none');
-
       // Pause all other audio elements except the one clicked
       movieContainers.forEach(function (otherContainer) {
         const otherAudio = otherContainer.querySelector('audio');
@@ -17,12 +14,15 @@ document.addEventListener('DOMContentLoaded', function () {
         }
       });
 
-      // Play or pause the audio based on its current state
+      // If audio is paused or not already playing, play it
       if (audio.paused) {
         audio.play();
       } else {
         audio.pause();
       }
+
+      // Toggle the display of the audio element
+      audio.classList.toggle('d-none');
     });
   });
 });