Javascript HTML5音频播放列表，播放/暂停按钮

下面是我当前的html代码

<ul id="playlist" class="track-nav">
    <li><a class="collapsed">I </br> RAIN OF GOLD</a>
        <ul>
            <li onclick="changeVideo(0); playPause(0);"><a href="javascript:void(0);">PLAY</a></li>
            <li onclick="playPause(0);" style="display:none;"><a href="javascript:void(0);">PAUSE</a></li>
        </ul>
    </li>
    <li><a class="collapsed">II </br> ENTER THROUGH THE SUN</a>
        <ul>
            <li onclick="changeVideo(1); playPause(1);"><a href="javascript:void(0);">PLAY</a></li>
            <li onclick="playPause(1);" style="display:none;"><a href="javascript:void(0);">PAUSE</a></li>
        </ul>
    </li>
    <li><a class="collapsed">III </br> WHITE DOVES</a>
        <ul>
            <li onclick="changeVideo(2); playPause(2);"><a href="javascript:void(0);">PLAY</a></li>
            <li onclick="playPause(2);" style="display:none;"><a href="javascript:void(0);">PAUSE</a></li>
        </ul>
    </li>
    <li><a class="collapsed">IV </br> AGAINST THE WALL</a>
        <ul>
            <li onclick="changeVideo(3); playPause(3);"><a href="javascript:void(0);">PLAY</a></li>
            <li onclick="playPause(3);" style="display:none;"><a href="javascript:void(0);">PAUSE</a></li>
        </ul>
    </li>
    <li><a class="collapsed">V </br> BEACHES</a>
        <ul>
            <li onclick="changeVideo(4); playPause(4);"><a href="javascript:void(0);">PLAY</a></li>
            <li onclick="playPause(4);" style="display:none;"><a href="javascript:void(0);">PAUSE</a></li>
        </ul>
    </li>
    <li><a class="collapsed">VI </br> LET YOU SLEEP TONIGHT</a>
        <ul>
            <li onclick="changeVideo(5); playPause(5);"><a href="javascript:void(0);">PLAY</a></li>
            <li onclick="playPause(5);" style="display:none;"><a href="javascript:void(0);">PAUSE</a></li>
        </ul>
    </li>
    <li><a class="collapsed">VII </br> FINAL CALL</a>
        <ul>
            <li onclick="changeVideo(6); playPause(6);"><a href="javascript:void(0);">PLAY</a></li>
            <li onclick="playPause(6);" style="display:none;"><a href="javascript:void(0);">PAUSE</a></li>
        </ul>
    </li>
</ul>

我想做的是为播放/暂停交换一个div，但为每首歌交换一个div。我已经设法让它在某种程度上发挥作用，但我面临的问题是，如果我在一首歌曲上单击播放，它将切换暂停div，但如果我在另一首歌曲下单击另一个播放按钮，则另一首歌曲的暂停按钮不会恢复为播放按钮。如果单击另一个div，我不太确定如何定位这些特定div

---

任何想法都将不胜感激！谢谢

changeVideo和playPause功能在哪里？抱歉，changeVideo功能只是更改html5播放器中与歌曲对应的视频。我认为没有必要发布这个函数，因为它与我的问题没有多大关系。更重要的是，我在上面介绍的playPause函数还有，交换play/pause按钮（或图像）的JavaScript在哪里？没有看到更多的代码，我的第一个猜测是

playBoo=false放错了位置，但我还不能确定。
var songs = new Array();
songs[0] = 'assets/music/rain_of_gold.ogg';
songs[1] = 'assets/music/enter_through_the_sun.ogg';
songs[2] = 'assets/music/white_doves.ogg';
songs[3] = 'assets/music/against_the_wall.ogg';
songs[4] = 'assets/music/beaches.ogg';
songs[5] = 'assets/music/let_you_sleep_tonight.ogg';
songs[6] = 'assets/music/final_call.ogg'

var song = new Number();

function playPause(song){

playBoo = false;

//if its not playing than play
if (playBoo == false){
    playBoo = true;

    audioPlayer.src = songs[song];
    audioPlayer.play();

}else{

    playBoo = false;

    audioPlayer.src = songs[song];
    audioPlayer.pause();
} 

 }