So I am working on a audio player using HTML, CSS and Javascript. I was wondering how I could make a next / prev buttons actually change the song player? If you don't know please don't answer or I will make sure it get taken down . . .

Is this what you meant

<ul id="audio_list">

<li>

   <div class="audio_controls gradient_dblue">

       <div class=circle></div>

       <div class="switch play_button">

           <audio class="audio-player">  

               <source src="music/electronic beat-monksee.mp3" type="audio/mpeg" />

                       <source src="music/electronic beat-monksee.mp3" type="audio/mpeg" />

                       Your browser does not support HTML5 audio.

                   </audio>

           <input type="checkbox">

           <label class="play-bt"><i class='icon-play fade'></i><i class='icon-stop fade'></i></label>

       </div>

   </div>

   <div class="audio_description">Electro sounds</br><div class="artist">Sarah monks</div></div>

</li>

<li>

   <div class="audio_controls gradient_dblue">

       <div class=circle></div>

       <div class="switch play_button">

           <audio class="audio-player">  

               <source src="music/dubstep.mp3" type="audio/mpeg" />

                       <source src="music/dubstep.mp3" type="audio/mpeg" />

                       Your browser does not support HTML5 audio.

                   </audio>

           <input type="checkbox">

           <label class="play-bt"><i class='icon-play fade'></i><i class='icon-stop fade'></i></label>

       </div>

   </div>

   <div class="audio_description">Dubstep Beat</br><div class="artist">Sarah monks</div></div>

</li>

</ul>

Explanation: