锚定点击的替代声音效果

Question

我正在搞乱我正在研究的一个小项目的HTML5和音频标签。基本上，我有一个锚标记，可以激活jquery slideToggle。我想为它添加声音效果，以便单击锚点在打开时播放一个声音效果，在关闭时播放不同的声音效果。我花了好几个小时试图弄清楚如何，但我的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;
    }
}