Update audio.js

audio.js

@@ -5,7 +5,10 @@ document.addEventListener('DOMContentLoaded', function () {
     container.addEventListener('click', function () {
       const audio = this.querySelector('audio');
 
-      // Hide all other audio elements except the one clicked
+      // 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');
         if (otherAudio !== audio && !otherAudio.paused) {
@@ -14,8 +17,7 @@ document.addEventListener('DOMContentLoaded', function () {
         }
       });
 
-      // Toggle the display class of the audio element
-      audio.classList.toggle('d-none');
+      // Play or pause the audio based on its current state
       if (audio.paused) {
         audio.play();
       } else {
@@ -23,4 +25,4 @@ document.addEventListener('DOMContentLoaded', function () {
       }
     });
   });
-});
+});