javascript - howler.js-在类(class)变更中按钮淡入和淡出音乐

你好，我需要帮助howler.jshttp://goldfirestudios.com/blog/104/howler.js-Modern-Web-Audio-Javascript-Library
我做网站，在这个网站上是一个小图片
这首曲子唱得很好，现在已经淡出了

$(function(){
sh_highlightDocument();

$('.ex2-fadein').on('click', function(){
    sound2.pause().fadeIn(0.5, 2000);
});
$('.ex2-fadeout').on('click', function(){
    sound2.fadeOut(0, 3700);
});

但如果我点击进入同一个图标，这就不起作用了。
请告诉我如何更改此图标中的类

<div id="musicoffon" class="ex2-fadeout"><img src="images/music.png"></div>

到

 <div id="musicoffon" class="ex2-fadein"><img src="images/music.png"></div>

在我点击之后？
谢谢你的帮助。我真的搜索了6个小时的答案：(

最佳答案

我想你把代码弄混了。很简单。您可以使用opacity属性创建一个类，然后在单击div“musicoffon”时切换该类。剩下的一部分，您需要使用jquery UI。
HTML格式：

<div id="musicoffon" class="ex2-fadeout"><img src="http://www.detailinggurus.com/images/sample_bottles.jpg"></div>

CSS:

 .ex2-fadein
{
 opacity:0.6;
}

查询：

 $(document).ready(function(){
    $('#musicoffon').on('click', function(){
      $(this).toggleClass('ex2-fadein',500);
    });
});

Have a Fiddle