[jQuery] Dynamiczna zmiana wysokości Div'a Opcje

[Regss]

Witam! Mam taki skrypt:

[HTML] pobierz, plaintext 
            <div id="panel_right">
                <div id="panel_list">
                    <div id="list"><? echo $panel_list ?></div>
                    <div id="nav"><? echo $nav; ?></div>
                </div>
                <div id="panel_options">
                    <div id="search"><? echo $search_text ?></div><br/>
                    <? echo $lang['sort'] ?>:
                    <div><? echo $sort_menu ?></div><br/>
                    <? echo $lang['genre'] ?>:
                    <div id="menu_genre"><? echo $genre_menu ?></div>
                </div>
            </div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
                $("a#plot").click(function(){
                    $("div#panel_list").fadeOut("slow", function() {
                        $("div#panel_right").animate("height", function() {
                            $("div#panel_options").fadeIn("slow");
                        });
                    });
                });
[HTML] pobierz, plaintext 

Chciałbym aby po kliknięciu na #plot zniknął div#panel_list, następnie div#panel_right dynamicznie zmniejszył się do wielkości div#panel_options i dopiero pojawił się div#panel_options.

W tym momencie po zniknięciu pierwszego główny panel zwija się cały i dopiero po chwili rozwija do odpowiedniej wysokości.