Advice for a fading div solution for 20-30 divs
I'm currently developing a site where I host my music and I have about 80 tracks that I've released. My current approach is to have a pagination at the top and below the pagination there are 5 tracks listed at the time using ajax request that returns a table with 5 tracks at a time. Each track has a little 70x70 image, two JQuery UI buttons (play and download), some text and a third party "AddThis" script to present a facebook "like"-button.
I don't like my current solution due to two reasons:
1) the loading of the ajax-result with the 5 track is a bit crude and boring looking
2) the facebook "like"-buttons being external scripts appear late and pop up 2-3 seconds for each track after the track itself is displayed.
Now... what I'm thinking is that maybe I should pre-load all 80 tracks and keep the pagination but instead use the pagination to fade between the different divs to get a nice smooth transition without the buildup of the "like"-buttons as they have already been added. Would this be an advisable solution and how would you best treat the divs? Is there performance issues or downsides to have 20-30 overlapping divs that are hidden with JQuery UI-buttons and 80+ javascript "like"-buttons? Should I stick to my current approach and live with the way it builds up?
Any advise would be much appreciated.