$(document).ready(function (){
    $('.loader, .hider').click(function(){
        var op = $(this).attr('class');
        if(op == 'hider'){
            var toHide = '.'+$(this).attr('id');
            $(toHide).slideUp('slow');
            $(this).removeClass('hider');
            $(this).addClass('loader');
        }
        else{
            
            var  toLoad = 'contenidos/archivos.php?f='+ $(this).attr('id');
            var loadInto = '.'+ $(this).attr('id');
            $(loadInto).hide('slow', function(){
                $(loadInto).load(toLoad, '', function(){
                    $(loadInto).slideDown('slow');
                });
            });
            $(this).removeClass('loader');
            $(this).addClass('hider');
        }
        return false;
    });
});