Dirk Siemers

%table#videos
    %thead
        %tr
            %th Heading 1
            %th Heading 2
    %tbody
        - @videos.each do |video|
            %tr.video{:id => "video-#{video.id}"}
                %td Info 1
                %td Info 2
            %tr.video-details{:id => "video-details-#{video.id}"}
                %td{:colspan => 2}
                    %p= video.to_yaml

:css
    .video-details { display:none; }
    .video-details td { padding: 0 1em; }
    .hover { background: #ddd; }

:javascript
    $(document).ready(function(){
        $(".video").hover(function () {
            $(this).css("cursor", "pointer");
            $(this).addClass("hover");
        }, function () {
            $(this).removeClass("hover");
        });
        $(".video").click(function(event){
            $(this).next("tr").toggle();
        });
    });