Update audio.js

audio.js

@@ -5,7 +5,7 @@ document.addEventListener('DOMContentLoaded', function () {
     container.addEventListener('click', function () {
       const audio = this.querySelector('audio');
 
-      // Hide all other audio elements except the one clicked
+      // Pause all other audio elements except the one clicked
       movieContainers.forEach(function (otherContainer) {
         const otherAudio = otherContainer.querySelector('audio');
         if (otherAudio !== audio && !otherAudio.paused) {
@@ -14,13 +14,15 @@ document.addEventListener('DOMContentLoaded', function () {
         }
       });
 
-      // Toggle the display class of the audio element
-      audio.classList.toggle('d-none');
+      // 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');
     });
   });
 });