jquery - javascriptの問題を引き起こすhtml5オーディオ

Question

オーディオタグを含む一連のスライドパネルを作成しています。2番目のスライドパネルに、「テスター」というクラスを追加しました。次および前のコントロールがクリックされると、スクリプトは現在のパネルに「テスター」クラスが含まれているかどうかを確認します。もしそうなら、私はそのクラスを使用して、現在表示されているオーディオ要素を再生しようとしています。これが私が使おうとしている関数で、スクリプトの前半から値を取得しますが、それがどのように機能するかを十分に確認できます。

 var playauto = checkAuto($($('.slide')[position]));

  if(playauto) {
  var autoplayer=document.getElementById('audio2'); 
    autoplayer.play();      
}

 else {
    var autoplayer=document.getElementById('audio2'); 
    autoplayer.pause(); 
   }

 function checkAuto(sliders) {
 if(sliders.hasClass('testers')) {
   return true;
 } else {
   return false;
 }
 }

問題のオーディオ要素の再生が開始されますが、パネルを前後にスライドさせるスクリプトが無効になっているように見えます。パネルはそれ以上スライドしません。if / elseブロックにアラートを入れると、正常に機能します。誰かが私を手がかりにできることを期待して、動作しているバージョンと動作していないバージョンの両方を投稿しました。問題のパネルは、3つのクリック可能なli要素を含むパネルです。 [次へ]ボタンでフェードインします（機能していないバージョンでは機能しません）。作業バージョン： http： //www.jontakiff.com/slide-folders/working/skeleton.html。パネルは正常にスライドしますが、2番目のパネルオーディオファイルは自動再生されません。動作しないバージョン： http： //www.jontakiff.com/slide-folders/notworking/skeleton.html。誰かがここに手がかりを持っているなら、私は驚くほど感謝するでしょう！