javascript - クリック時にdiv内の単語を切り替えますか?

Question

これを見てくださいhttp://jsfiddle.net/rabelais/bJxaL/

ユーザーが div をクリックしたときに再生および一時停止する必要がある 7 つのオーディオ トラックがあります。これまでのところ、これを行う非常に長いコードがあります。ただし、タイトルをクリックしたときにdivの一時停止という単語を切り替えようとしていますが、再生中のdivとは別のdivをクリックしたときにタイトルを元に戻す方法がわかりませんか?

フィドルを見て 1 つの div をクリックしてから別の div をクリックすると、クリックした最初の div でオーディオが一時停止し、2 番目のオーディオが再生されますが、最初の div にはまだ「一時停止」と表示されます。その後、曲のタイトルを表示する必要があります。また。

ここにコードのスニペットがありますが、フィドルを見てすべてを確認してください

 $("#one").click(function () {
 if ($('#sound-1').get(0).paused == false) {
    $('#sound-1').get(0).pause();
 } else {
    $('#sound-1').get(0).play();
   }
 $('#one i').toggle();
$('#sound-2').get(0).pause();
$('#sound-3').get(0).pause();
$('#sound-4').get(0).pause();
$('#sound-5').get(0).pause();
$('#sound-6').get(0).pause();
$('#sound-7').get(0).pause();
});
$("#two").click(function () {
 if ($('#sound-2').get(0).paused == false) {
    $('#sound-2').get(0).pause();
 } else {
    $('#sound-2').get(0).play();
   }
 $('#two i').toggle();
$('#sound-1').get(0).pause();
$('#sound-3').get(0).pause();
$('#sound-4').get(0).pause();
$('#sound-5').get(0).pause();
$('#sound-6').get(0).pause();
$('#sound-7').get(0).pause();
});