$(document).ready(function()
{
    $('.record .toggle a.open').click(function() {
        var rec = $(this).parent().parent().parent();
        rec.addClass('expand');
        $('.information', rec).animate({
            width:200
        }, 200);
        $('.photo', rec).animate({
            width:100
        }, 100);
        $('.toggle a.open', rec).slideUp();
        $('.details', rec).slideDown(200, function() {
            $('.toggle a.close', rec).fadeIn();
        });
    });
    $('.record .details .toggle a.close').click(function() {
        var rec = $(this).parent().parent().parent().parent();
        rec.removeClass('expand');
        $('.photo', rec).animate({
            width:100
        }, 100);
        $('.information', rec).animate({
            width:200
        }, 200);
        $('.details', rec).slideUp(200, function() {
            $('.toggle a.open', rec).fadeIn();
        });
    });
    
 })