title: howler.js - button fade in and fade out music in class change
body: <p>Hello i need help with howler.js <a href="http://goldfirestudios.com/blog/104/howler.js-Modern-Web-Audio-Javascript-Library" rel="nofollow">http://goldfirestudios.com/blog/104/howler.js-Modern-Web-Audio-Javascript-Library</a></p>
  
  <p>i make website and in this site it's a small image </p>
  
  
  
  <p>And this work fine music it's fadeout </p>
  
  <pre><code>$(function(){
  sh_highlightDocument();
  
  $('.ex2-fadein').on('click', function(){
      sound2.pause().fadeIn(0.5, 2000);
  });
  $('.ex2-fadeout').on('click', function(){
      sound2.fadeOut(0, 3700);
  }); 
  </code></pre>
  
  <p>but if i click to fadein this same icon this is not working.</p>
  
  <p>Please tell me how to change class in this icon from</p>
  
  <pre><code>&lt;div id="musicoffon" class="ex2-fadeout"&gt;&lt;img src="images/music.png"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>to</p>
  
  <pre><code> &lt;div id="musicoffon" class="ex2-fadein"&gt;&lt;img src="images/music.png"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>after i click?</p>
  
  <p>Thanks for any help. i really search answer 6 hours :(</p>