JS Buttony wyciszania/wznawiana i zatrzymywania/odtwarzania muzyki.

Witam. Mam na swoim forum opcję ustawienia własnej muzyki w tle profilu. Ogarnąłem mniej więcej wyciszanie i zatrzymywanie muzyki.
Teraz chciałbym aby po wyciszeniu muzyki button zamienial sie na inny (tzn. aby ikonka fa-volume-off zamienila sie na fa-volume-up).
Tak samo z zatrzymywaniem muzyki (ikonka fa-stop na fa-play).

Oto kod który posiadam:

<td colspan="2" class="thead" style="border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;">
    <span style="float: left;">
        Profil {$formattedname}
    </span>
    <span style="float: right;">
        <button class="mute" onclick="document.getElementById('sound').muted = !document.getElementById('sound').muted">
            <i class="fa fa-volume-off"></i>
        </button>
        <button class="play" onclick="document.getElementById('sound')[document.getElementById('sound').paused || document.getElementById('sound').ended ? 'play' : 'pause']()">
            <i class="fa fa-stop"></i>
        </button>
    </span>
</td>

Ja bym na twoim miejscu operował tutaj na id, nie na samym onclick.

http://stackoverflow.com/questions/37786...s-on-click

wlasnie problem w tym, ze totalnie nie umiem jscripta
wydawalo mi sie, ze napisanie tego bedzie proste lecz chyba sie przeliczylem

Jak chcesz gotowe rozwiązanie pod twój przypadek to link do forum by się przydał (ewentualnie konto testowe - jesli wymagane). Na ten moment mogę ci napisać tylko tyle, że pod zdarzenie click musiałbyś dorobić dodatkowo atrybut attr lub toggleClass i manipulować klasą elementu i które jest dzieckiem buttonu o klasie mute (chociaz zaleca sie w sumie uzywac multum klas zamiast robic takich relacje rodzic > dziecko ze wzgledu na mozliwą przebudowe szablonu w przyszlosci). W sumie wszystko zalezy jak chcesz to miec zrobione.