更改iftrame的高度slidetoggle

我currenty有一個菜單在屏幕中間，它默認爲「顯示」。更改iftrame的高度slidetoggle

在此我有一個用來填充剩餘空間的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>

我怎麼做到這一點。它只是不工作！需要幫助，謝謝:)

來源

2017-06-15 Robin Consigliere Fransson

這個不清楚嗎？ 'slideToggle'做了一些特定的事情，它會滑動，然後切換元素，隱藏或顯示它。如果你只是想改變高度，你可以使用'animate（）'來做到這一點。 – adeneo

我想讓middle_menu滑過去。但是當它出現時，它現在在屏幕底部留下了一個230px的孔。因此，如果middle_menu被切換或不切換，我希望iFrame將230px添加到它自己的視頻中。 –

然後在元素被隱藏的同時動畫iframe的高度 – adeneo

我不得不這樣做真醜。但它的工作。

<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>

來源

2017-06-15 18:41:59

更改iftrame的高度slidetoggle

回答

相關問題