gistfile1.htm

<script type="text/javascript">
/**
 * This should be outside of the loop.  Live will watch for new elements added to the dom.  
 * So you dont have to register new .click handlers every time a backtrack row is added.
 */
#('a.backtrack-more-info-show').live('click', function(){
    $(this).parents('td.backtrack').find('song-more-info').show();
});
#('a.backtrack-more-info-close').live('click', function(){
    $(this).parents('td.backtrack').find('song-more-info').hide();
});
</script>
<td id="song-' + s.id + '" width="100" valign="top" class="backtrack">
  <div class="song-more-info" style="display:none;">
    '+s.title+'
    <a id="backtrack-more-info-close" href="javascript:void(0)">close</a>
  </div>
  <div class="song-container">
  <div class="song-img">
    <div class="song-options-container">
      <ul class="opt-list">
        <li class="opt-info"><a class="backtrack-more-info-show" href="javascript:void(0)">More Info</a></li>
        <li class="opt-create"><a class="no-lightbox" href="/search?query=' + encodeURIComponent(s.artist) + '">Create a station from this artist</a></li>
        <li class="opt-thumb-up"><a href="javascript:void(0)">Thumbs Up</a></li>
        <li class="opt-thumb-down"><a href="javascript:void(0)">Thumbs Down</a></li>
      </ul>
    </div>
    <img src="'+s.image+'" width="100" height="100" /></div>
    <div class="song-title">'+s.title+'</div>
    <div class="song-info">'+s.artist+'<span>'+s.album+'</span></div>
  </div>
</td>