toggle - 2 つの異なる div に対して複数のトグルを同時に行う方法は?

Question

jquery を使用して、2 つの異なる div の複数のスライド トグルを処理する必要があります。

例: ボタンをクリックすると、最初の div を左にスライドすると同時に、最初の div の全領域をカバーする 2 番目の div を展開する必要があります。

前もって感謝します。

ここで私が使用したコードの一部：

$(document).ready(function() {
    $('#foo').click(function() {
        $('#accordian').toggle("slide", 300);
        if ($(this).val() == "Hide Menu"){
            $(this).val("Show Menu");
            $('#area').css({"max-width":"960px"});
        }else{
            $(this).val("<< Hide Menu");
            $('#area').css({"max-width":"730px"});
        }
    });