Slidetoggleのiframeの高さを変更する

Question

現在、画面の中央にメニューがあり、デフォルトは「表示」になっています。この下の

I残りのスペースを埋めるために使用されるIFRAMEを持っている：

<script type="text/javascript"> 
$(document).ready(function() { 
    var main_height = ($(document).height() - 85 - 230 - 40); 
    $(".main").css('height', main_height); 
}); 
</script> 

（85どこ - 230から40には、場所を取って、他のdivをしています）。ここまでは順調ですね。

私がSLIDETOGGLEにしたいとき、middle_menu私はiFrameがその高さを更新し、それに230pxを追加したいと思います。そして、middle_menuをトグルすると再び230pxを取り除きます。コード：

<script type="text/javascript"> 
    $(".middle_toggle").click(function() { 
    $(".middle").slideToggle(20, function() {     
    $(".colapse_bar").toggleClass('middle_colapsed'); 
    $("#colapse_icon").toggleClass("colapse_fix colapse_fix2"); 

    });  
}); 
</script> 

どのようにこれを行う。それはちょうど仕事をしません！助けが必要、ありがとう:)

Answer 1

私は本当に醜いことをしなければならなかった。しかし、それは働いた。

<script type="text/javascript"> 



     $(".middle_toggle").click(function() { 


     $(".middle").slideToggle(20, function() {     
     $(".colapse_bar").toggleClass('middle_colapsed'); 
     $("#colapse_icon").toggleClass("colapse_fix colapse_fix2"); 

     if ($('.middle').is(":hidden")) { 
     var main_height2 = ($(document).height() - 125); 
     $(".main").css('height', main_height2); 
     } 


     if ($('.middle').is(":visible")) { 
     var main_height2 = ($(document).height() - 355); 
     $(".main").css('height', main_height2); 
     } 

     }); 







    }); 
    </script>