jquery - jQuery オーディオのフェードアウトと一時停止、onclick オーディオのフェードインと再開

Question

ここで何が問題なのですか？をクリックする#background_audio divと、音声がフェードアウトしてから自動的にフェードインし、もう一度ボタンを押さなくても再生を続けます。どうすれば修正できますか？

#background_audio をクリックするとオーディオがフェードアウトして一時停止し、#background_audioもう一度クリックするとオーディオがフェードインして再開するようにしようとしています。

<script type="text/javascript">
$(document).ready(function(){
    $('#mute').click(function(){
        $('#background_audio').animate({volume: 0}, 1000);
        setTimeout(function(){('#background_audio').pause()},1000);
    });
    $('#mute').click(function(){
        $('#background_audio').animate({volume: 1}, 1000);
        setTimeout(function(){('#background_audio').pause()},1000);
    });
});
</script>