jQuery problem: fadeOut og tilføj class fungerer ikke optimalt

Hello.

Jeg sidder her og leger med noget jQuery, og er rendt ind i et problem. Jeg har i tankerne at lave nogle knapper der skifter listevisning af nogle li'er. Li'erne er som standard listet som en række á 3 stk. Når så man klikker på listevisningen skal li'erne fylde "det hele" så der nu kun er én li pr. linje.

Men som mit eksempel er nu, bliver li'erne omdannet (og altså clss'en tilføjet) før hele ul'en (#list) er fadet ud. Kan man på nogen måde forhindre dette?

<script type="text/javascript">
$(function(){
    $('.change').click(function(){
        var $list = $('#list');
        $list.fadeTo("slow", 0.0).addClass('fulllist').fadeTo("slow", 1.0);
    });
});
</script>