audio - anchor 上的替代声音效果

Question

我正在为一个正在进行的小项目弄乱了HTML5和音频标签。基本上，我有一个激活jquery slideToggle的 anchor 标记。我想向其中添加声音效果，以便单击 anchor 在打开时会播放一种声音效果，而在关闭时会播放另一种声音效果。我花了数小时试图弄清楚如何做，但是我的Javascript和JQuery知识非常有限。我试图避免使用外部播放器或Flash。

Answer 1

我终于让它工作了。我用下面的代码。我包括currentTime和Pause是为了防止声音重叠，以便每次播放时都从头开始播放。

var toggle=true;

function play_effect1(){
  if(toggle){
    document.getElementById('close').currentTime = 0;
    document.getElementById('close').pause();
    document.getElementById('open').play();
    toggle=false;
    }

  else {
    document.getElementById('open').currentTime = 0;
    document.getElementById('open').pause();
    document.getElementById('close').play();
    toggle=true;
    }
}