jquery - バックグラウンド/コンテナdivを調整するアコーディオン

Question

コンテナー div の高さを調整しようとしています。または、アコーディオンが折りたたまれたときです。折りたたみは機能しますが、収縮すると調整されず、アコーディオンがdivをオーバーレイします。コンテナの高さを自動調整する簡単な方法はありますか?

<script type="text/javascript">
    $(document).ready(function(){
        $(".acc_body").hide();

        $(".acc_head").click(function(){
            $(this).toggleClass("acc_head2").next(".acc_body").slideToggle(150);
        });

        $("div.mainBkgd").click(function(){
            var $this = $(this);
            if ($this.height() == 930) {
                // set height to auto in order to check how tall it is in current window size    
                $this.css("height","auto");
                var height = $this.height();

                // done checking height, set back to 30
                $this.css("height","930px");

                $this.animate({height: height + "px"},1500, function() {
                    // animation done, set height to auto to allow resizing with window resize
                    $this.css("height","auto");        
                }); 
            }
            else {
                $this.animate({height: "930px"},1500);
            }
        });
    });
</script>