SlideUp SlideDown portfolio

Je déplace le sujet initial qui se trouvait dans HTML/CSS.

Salut à tous
J'ai crée un portfolio en ligne propulsé par wordpress. Pour la galerie j'ai codé un truc maison avec un jquery de net.tutsplus
http://creative-minded.fr/portfolio/
J'aimerai savoir comment rendre la redimension de la div qui contient les projets plus fluide histoire de "smoother" le tout.
En gros j'aimerais que la variation de la hauteur (qui dépend du nombre de projets présent par catégorie) se fasse tout doucement.
Je ne sais pas si je suis assez clair mais le résultat s'apparenterait à ça : http://www.nimble3.com/portfolio-demo/
Merci

"Solution" trouvé:

<script type="text/javascript">     
$(document).ready(function() {  
    $('ul#filter a').click(function() {  
        $(this).css('outline','none');  
        $('ul#filter .current').removeClass('current');  
        $(this).parent().addClass('current');  

        var filterVal = $(this).text();  
        $('.main9').slideUp('slow', function() {
        // Animation complete.
        }); 

        if(filterVal == 'Tout') {  
            $('ul#portfolio li.hidden').fadeIn('slow').removeClass('hidden');
        } else {  
            $('ul#portfolio li').each(function() {  
                if(!$(this).hasClass(filterVal)) {  
                    $(this).fadeOut('slow').addClass('hidden');  
                } else {  
                    $(this).fadeIn('slow').removeClass('hidden');  
                }  
            });  
        }
        $('.main9').slideDown('slow', function() {
        // Animation complete.
        }); 

        return false;  
    });  
});  
 </script>

Cependant je me demandais s'il était possible d'éviter le slideUp slideDown a chaque fois que l'on clique pour que le slide s'adapte automatiquement a la taille de ma div .main9
Pour voir l'effet actuellement: http://creative-minded.fr/portfolio/
Merci :)