Überprüfen, ob ein Element sichtbar ist

Question

Ich möchte überprüfen, ob ein Element sichtbar ist und einen Song nur abspielen, wenn es ist, mit: einem trigger('click') Event-Handler.

Leider kann ich es nicht wie erwartet funktionieren.

Was mache ich falsch und wie kann ich es beheben?

Hier ist mein JavaScript-Code (jQuery):

$('.overlay').on('click', function() { 
    if ($('a.icon-play').is(':hidden') == false) { 
    $('#stop').trigger('click'); 
    } else { 
    $('#play').trigger('click'); 
    } 
}); 

Unten ist mein HTML-Code:

<div class="info"> 
    <div class="player-home-video"> 
     <audio id="yourownlullaby-audio" src="uploads/downloads/Buenas%20%20Noches%20%3C?php%20echo%20$_POST['name'];%20?%3E.mp3"></audio> 
    </div> 
    <div class="thumbnail-home-video"> 
     <a href="#" id="play"> 
      <span class="icon-play preview-icon" id="play"></span> 
     </a> 
     <a href="#" id="stop"> 
      <span class="icon-pause preview-icon" id="stop"></span> 
     </a> 
     <img class="info" src="img/thumbnail-home-video.png" /> 
     <div class="overlay"></div> 
    </div> 
</div> 

Answer 1

$('.overlay').on('click', function() { 
if ($('a .icon-play').is(':hidden') == true) { 
$('#stop').trigger('click'); 
} 
else 
{ 
$('#play').trigger('click'); 
} }); 

Ihre if andersrum sein sollte.